[ JavaScript 문법 종합반 1주차 (12)] 배열과 배열 메소드

자바스크립트에서는 배열(Array)을 사용하여 여러 개의 값을 저장하고 관리할 수 있다. 

 

• 배열생성

1. 기본적인 배열 생성 : 배열을 만들 때는 대괄호([])를 사용하며, 각 요소는 쉼표(,)로 구분한다.

let fruits = ["사과", "바나나", "오렌지"];

2. 배열의 크기 지정 : new Array()를 사용하여 배열의 크기를 지정할 수 있다.

let numbers = new Array(5);

 

---

 

• 배열 요소 접근: 배열의 요소에 접근할 때는 대괄호([]) 안에 인덱스 값을 넣는다.

let fruits = ["사과", "바나나", "오렌지"];

console.log(fruits[0]);   // "사과"
console.log(fruits[1]);   // "바나나"
console.log(fruits[2]);   // "오렌지"

---

• 배열 메소드

1. push() 메소드 : push() 메소드는 배열의 끝에 요소를 추가한다.

let fruits = ["사과", "바나나"];

fruits.push("오렌지");

console.log(fruits);   // ["사과", "바나나", "오렌지"]

2. pop() 메소드 : pop() 메소드는 배열의 마지막 요소를 삭제한다.

let fruits = ["사과", "바나나", "오렌지"];

fruits.pop();

console.log(fruits);   // ["사과", "바나나"]

3. shift() 메소드 : shift() 메소드는 배열의 첫 번째 요소를 삭제한다.

javascriptCopy code
let fruits = ["사과", "바나나", "오렌지"];

fruits.shift();

console.log(fruits);   // ["바나나", "오렌지"]

4. unshift() 메소드 : unshift() 메소드는 배열의 맨 앞에 요소를 추가한다.

let fruits = ["바나나", "오렌지"];

fruits.unshift("사과");

console.log(fruits);   // ["사과", "바나나", "오렌지"]

5. splice() 메소드 : splice() 메소드는 배열의 요소를 삭제하거나, 새로운 요소를 추가할 수 있다.

let fruits = ["사과", "바나나", "오렌지"];

fruits.splice(1, 1, "포도"); // 1번째요소부터(바나나) 1번째요소(바나나) 까지를 삭제하고 "포도"를 넘겨줘

console.log(fruits);   // ["사과", "포도", "오렌지"]

6. slice() 메소드 : slice() 메소드는 배열의 일부분을 새로운 배열로 만든다.

let fruits = ["사과", "바나나", "오렌지"];

let slicedFruits = fruits.slice(1, 2);

console.log(slicedFruits);   // ["바나나"]