혼자 공부하는 자바스크립트 4장 - 반복문

1. 배열

- 여러 자료를 묶어서 활용할 수 있는 특수한 자료

- 대괄호를 사용하여 생성, 내부의 값을 쉼표로 구분해서 입력한다.

- 배열 내부에 들어있는 값을 요소라고 한다.

const array = [273,'abc',true, function (){},  {}, [273,103]]

array
(6) [273, "abc", true, ƒ, {…}, Array(2)]

배열요소에 접근하기

- 자바스크립트는 가장 앞에 있는 요소를 0번째로 표현

- 요소의 순서를 인덱스라고 한다.

배열[인덱스]

배열 요소 개수 확인하기

- 배열 내부에 들어있는 요소의 개수를 확인하는 방법 (length)

배열.length

배열 뒷부분에 요소 추가하기

- 배열 뒷부분에 요소를 추가할 때는 push() 메소드를 사용한다.

배열.push(요소)

인덱스를 사용해 배열 뒷부분에 요소 추가하기

- 원하는 인덱스에 요소를 강제하로 추가할 수 있다. 이때 그 사이의 인덱스는 아무것도 없는 empty가 된다.

배열[넣는 인덱스] = '요소'

배열 요소 제거하기

1) 인덱스로 요소 제거하기

- 배열의 특정 인덱스에 있는 요소를 제거할때는 splice() 메소드를 사용한다.

배열.splice(인덱스,제거할 요소 개수)

2) 값으로 요소 제거하기

- 배열 내부에서 특정값의 위치를 찾는 indexOf() 메소드를 사용해서 값의 위치를 추출한 뒤 splice() 메소드를 사용해 제거한다.

const 인덱스 = 배열.indexOf(요소)
배열.splice(인덱스,1)

 

※ 자료의 비파괴와 파괴

비파괴적 처리 : 처리 후에 원본 내용이 변경되지 않는다.

파괴적 처리 : 처리 후에 원본 내용이 변경된다.

 

2. 반복문

 

1) for in 반복문

for (const 반복 변수 in 배열 또는 객체) {
	문장
}

<script>
const todos = ['혼공단 공부','운동하기','영어숙제']

for (const i in todos) {
	const.log('${i}번째 할 일: ${todos[i]}')
}

</script>

<실행결과>
0번째 할 일 : 혼공단 공부
1번째 할 일 : 영어숙제
2번째 할 일 : 운동하기

2) for of 반복문

// for in 반복문과 다르게 반복 변수에 요소의 값이 들어간다.
for (const 반복 변수 of 배열 또는 객체) {
	문장
}

 

<script>
const todos = ['혼공단 공부','운동하기','영어숙제']

for (const todo in todos) {
	const.log('오늘의 할 일: ${todo}')
}

</script>

<실행결과>
오늘의 할 일 : 혼공단 공부
오늘의 할 일 : 영어숙제
오늘의 할 일 : 운동하기

3. for 반복문

for (let i = 0; i < 반복 횟수 ; i++) {
	문장
}

4. while 반복문

while (불 표현식) {
	문장
}