JavaScript 배열, 반복문 정리

이 글은 작성자의 개인 공부를 위해 작성한 글입니다.
실제 이론, 실습과 다른 부분이 있을 수 있습니다.

자바스크립트에서 배열은 여러 개의 값을 담을 수 있는 데이터 구조다.

배열은 하나의 변수에 여러 값을 저장하고, 각 값은 배열 내에서 인덱스를 사용하여 접근할 수 있다.

순서가 있는 데이터를 효과적으로 다룰 때 사용되며, 각 항목은 0부터 시작하는 인덱스를 가지고 있다.

배열은 Array 객체를 사용하여 생성할 수 있다.

 

1. 배열을 선언하고 초기화하는 예제

// 빈 배열 생성
var fruits = [];

// 값이 있는 배열 생성
var colors = ['red', 'green', 'blue'];

 

2. 배열 요소에 접근

var colors = ['red', 'green', 'blue'];

// 배열 요소에 접근
console.log(colors[0]); // 'red'
console.log(colors[1]); // 'green'
console.log(colors[2]); // 'blue'

 

3. 배열의 길이 (length)

var colors = ['red', 'green', 'blue'];

// 배열의 길이 출력
console.log(colors.length); // 3

 

4. 배열에  요소 추가 및 제거 ( push(), pop() )

var fruits = ['apple', 'orange'];

// 새로운 요소 추가
fruits.push('banana');
console.log(fruits); // ['apple', 'orange', 'banana']

var fruits = ['apple', 'orange', 'banana'];

// 마지막 요소 제거
fruits.pop();
console.log(fruits); // ['apple', 'orange']

---

자바스크립트에서 반복문은 코드 블록을 여러 번 실행하는 데 사용된다.

주로 배열을 순회하거나 특정 조건이 충족될 때까지 코드를 반복 실행할 때 활용된다.

 

1. for 문

for (초기화식; 조건식; 증감식) {
    // 반복 실행될 코드 블록
}

• 초기화식은 반복문이 시작될 때 한 번만 실행된다.
• 조건식은 각 반복마다 평가되고, 조건이 true인 경우에만 코드 블록이 실행된다.
• 증감식은 각 반복이 끝날 때마다 실행되며, 주로 반복 변수를 업데이트하는 데 사용된다.

 

2. While 문

while (조건식) {
    // 조건식이 true인 동안 실행될 코드 블록
}

• 조건식이 true인 동안 계속해서 코드 블록이 반복 실행된다.

 

3. do-While 문

do {
    // 일단 코드 블록을 실행하고, 조건이 true인 동안 반복됨
} while (조건식);

• do-while 문은 코드 블록을 최소 한 번 실행한 후 조건을 평가한다. 조건이 true이면 계속 반복된다.

 

4. for...in 문

const obj = { a: 1, b: 2, c: 3 };
for (let key in obj) {
    console.log(key, obj[key]);
}

• 객체의 열거 가능한 속성들을 반복적으로 실행한다.

 

5. for...of 문

const arr = [1, 2, 3, 4, 5];
for (let value of arr) {
    console.log(value);
}

• 반복 가능한(iterable) 객체(배열, 문자열 등)의 값을 반복한다.