[JS] 자바스크립트의 배열

자바스크립트의 배열

자바스크립트에서 배열은 여러 개의 값을 순서대로 저장하는 데이터 구조입니다. 배열을 생성할 때는 다음과 같이 할 수 있습니다:

// 배열 생성
let fruits = ['사과', '바나나', '딸기'];

// 빈 배열 생성
let emptyArray = [];

// 다양한 데이터 타입을 포함할 수 있습니다.
let mixedArray = ['Hello', 123, true, { name: 'John' }];

// 배열 요소에 접근
console.log(fruits[0]); // '사과' 출력

// 배열 길이 확인
console.log(fruits.length); // 배열의 길이는 3

// 배열에 요소 추가
fruits.push('오렌지'); // 배열의 끝에 '오렌지' 추가

// 배열 요소 제거
fruits.pop(); // 배열의 마지막 요소 제거

// 배열 요소 변경
fruits[1] = '수박'; // 인덱스 1의 요소를 '수박'으로 변경

// 배열 순회
for (let i = 0; i < fruits.length; i++) {
    console.log(fruits[i]);
}

// 배열 메소드를 사용하여 요소 추가, 제거, 변경, 정렬 등 다양한 작업을 할 수 있습니다.

 

2차원 행렬

1. 인덱스를 사용하여 접근하기

JavaScript에서 2차원 배열은 배열 안에 배열을 포함하는 형태로 표현됩니다. 예를 들어, 다음과 같이 3x3 크기의 2차원 배열을 생성할 수 있습니다:

let matrix = [
  [1, 2, 3],
  [4, 5, 6],
  [7, 8, 9]
];

이러한 배열에 접근하기 위해서는 각 요소의 인덱스를 사용합니다. 예를 들어, matrix의 첫 번째 행의 두 번째 열의 값을 얻으려면 다음과 같이 접근할 수 있습니다:

let value = matrix[0][1]; // matrix[row][column]
console.log(value); // 출력: 2

2. 반복문을 사용하여 접근하기

2차원 배열의 모든 요소에 접근하려면 중첩된 반복문을 사용할 수 있습니다. 예를 들어, 위의 matrix 예제의 모든 요소를 출력하는 방법은 다음과 같습니다:

for (let i = 0; i < matrix.length; i++) {         // 행(row) 반복
  for (let j = 0; j < matrix[i].length; j++) {    // 열(column) 반복
    console.log(matrix[i][j]);                   // 각 요소 출력
  }
}

3. forEach 메서드를 사용하여 접근하기

JavaScript의 배열은 forEach 메서드를 사용하여 각 요소에 접근할 수 있습니다. 이 메서드를 중첩하여 2차원 배열을 순회할 수 있습니다:

matrix.forEach(row => {
  row.forEach(element => {
    console.log(element); // 각 요소 출력
  });
});