#10 자바스크립트 배열

자바스크립트 배열이란?

자바스크립트 배열은 순서가 있는 값들의 집합입니다. 즉, 여러 개의 값들을 하나의 변수에 담아 관리할 수 있도록 해주는 자료구조입니다. 배열은 0부터 시작하는 인덱스를 통해 각 요소에 접근할 수 있습니다.

배열 생성하기

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

// 요소를 포함한 배열 생성
const numbers = [1, 2, 3, 4, 5];
const fruits = ['apple', 'banana', 'orange'];
const mixedArray = [10, 'hello', true];

 

 

배열 요소에 접근하기

const numbers = [10, 20, 30];
console.log(numbers[0]); // 10
console.log(numbers[2]); // 30

 

 

배열의 길이

const fruits = ['apple', 'banana', 'orange'];
console.log(fruits.length); // 3

 

 

배열 요소 추가하기

• push(): 배열의 끝에 요소 추가
• unshift(): 배열의 앞에 요소 추가

const numbers = [1, 2, 3];
numbers.push(4); // [1, 2, 3, 4]
numbers.unshift(0); // [0, 1, 2, 3, 4]

 

 

배열 요소 삭제하기

• pop(): 배열의 끝에서 요소 제거
• shift(): 배열의 앞에서 요소 제거
• splice(): 특정 위치의 요소를 제거

const numbers = [10, 20, 30, 40];
numbers.pop(); // [10, 20, 30]
numbers.shift(); // [20, 30]
numbers.splice(1, 1); // [20] (인덱스 1부터 1개 요소 삭제)

 

 

배열 요소 수정하기

const numbers = [10, 20, 30];
numbers[1] = 50;
console.log(numbers); // [10, 50, 30]

 

 

다차원 배열

배열 안에 배열을 포함할 수 있습니다.

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