처음 배우는 JavaScript 강의. 2주차: 함수와 배열 (2) 배열과 배열의 메소드

 

안녕하세요, 빌드림입니다. 이번 시간에는 배열(Array)과 배열의 메소드에 대해서 알아보려고합니다.

 

배열과 배열의 메소드

배열은 JavaScript에서 여러 데이터를 순서대로 저장하는데 사용되는 데이터 구조입니다. 배열은 다양한 메소드를 제공하여 데이터의 추가, 삭제, 접근, 자르기 등 다양한 조작을 쉽게 할 수 있습니다. 여기서는 push, pop, slice, splice 같은 기본적인 배열 메소드들을 살펴보겠습니다.

1. push() 메소드

push() 메소드는 배열의 끝에 하나 이상의 요소를 추가하고, 변경된 배열의 길이를 반환합니다.

const fruits = ['apple', 'banana'];
fruits.push('orange');
console.log(fruits);  // 출력: ['apple', 'banana', 'orange']

 

2. pop() 메소드

pop() 메소드는 배열의 마지막 요소를 제거하고 그 요소를 반환합니다. 배열이 비어있으면 undefined를 반환합니다.

const fruits = ['apple', 'banana', 'orange'];
const lastFruit = fruits.pop();
console.log(lastFruit);  // 출력: 'orange'
console.log(fruits);  // 출력: ['apple', 'banana']

 

3. slice() 메소드

slice() 메소드는 배열의 일부분을 선택하여 새로운 배열로 반환합니다. 원본 배열은 변경되지 않습니다. slice(start, end)는 start 인덱스에서 시작하여 end 인덱스 바로 전까지의 요소들을 포함합니다.

const fruits = ['apple', 'banana', 'orange', 'mango'];
const citrus = fruits.slice(1, 3);
console.log(citrus);  // 출력: ['banana', 'orange']
console.log(fruits);  // 출력: ['apple', 'banana', 'orange', 'mango']

 

4. splice() 메소드

splice() 메소드는 배열의 기존 요소를 삭제 또는 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다. splice(start, deleteCount, item1, item2, ...)

const fruits = ['apple', 'banana', 'orange', 'mango'];
// index 2의 위치에서 1개의 요소를 제거하고 그 자리에 'lemon'과 'kiwi'를 추가
fruits.splice(2, 1, 'lemon', 'kiwi');
console.log(fruits);  // 출력: ['apple', 'banana', 'lemon', 'kiwi', 'mango']

 

이러한 배열 메소드들은 데이터를 관리하고 조작하는데 매우 유용합니다. 각 메소드는 특정 작업을 수행하기 위해 설계되었으며, 배열 작업을 효율적으로 처리할 수 있게 도와줍니다. 배열 메소드를 잘 이해하고 활용하면, 데이터 처리 작업을 더욱 쉽고 효과적으로 할 수 있습니다.