[ChatGPT] JavaScript - Array(배열) Method 소개

JavaScript 배열

* 이 글은 ChatGPT 로 작성되었습니다.

 

배열이란 무엇인가요?

JavaScript에서 배열은 여러 개의 값을 하나의 변수에 저장할 수 있는 구조입니다. 배열은 다양한 타입의 값(숫자, 문자열, 객체 등)을 가질 수 있으며, 각 값에는 인덱스(index)라는 고유한 번호가 부여됩니다.

 

배열의 생성 방법

배열은 다음과 같이 만들 수 있습니다:

const arrayName = [element1, element2, element3, ...];

 

배열 요소에 접근하는 방법

배열 요소에 접근하려면 배열 이름과 인덱스를 사용합니다. 예를 들어, arrayName[2]는 element3에 접근할 수 있습니다.

 

배열의 크기와 길이

JavaScript에서 배열의 크기는 각 요소가 차지하는 메모리 크기와 관련이 있습니다. 배열의 길이는 arrayName.length와 같이 구할 수 있습니다.

 

배열에 요소 추가하기

JavaScript에서는 배열에 요소를 추가하는 다양한 방법이 있습니다.

• arrayName.push(element): 배열의 마지막에 요소를 추가합니다.
• arrayName.unshift(element): 배열의 첫 번째에 요소를 추가합니다.
• arrayName[index] = element: 특정 인덱스에 요소를 추가합니다.

 

배열에서 요소 제거하기

JavaScript에서는 배열에서 요소를 제거하는 다양한 방법이 있습니다.

• arrayName.pop(): 배열의 마지막 요소를 제거합니다.
• arrayName.shift(): 배열의 첫 번째 요소를 제거합니다.
• delete arrayName[index]: 특정 인덱스의 요소를 제거합니다.

 

배열의 메소드

JavaScript에서 배열은 다양한 메소드를 가지고 있습니다. 각 메소드에 대한 예제와 설명을 블로그 글에서 자세히 살펴보세요.

 

• arrayName.concat(array):

두 개의 배열을 합칩니다.

const array1 = [1, 2, 3];
const array2 = [4, 5, 6];
const combinedArray = array1.concat(array2);
console.log(combinedArray); // [1, 2, 3, 4, 5, 6]

 

•  arrayName.join(separator):

배열의 요소를 separator로  연결하여 하나의 문자열로 만듭니다.

const array1 = [1, 2, 3, 4];
const joinedArray = array1.join(", ");
console.log(joinedArray); // "1, 2, 3, 4"

 

• arrayName.slice(startIndex, endIndex):

배열의 startIndex에서 endIndex 사이의 요소를 추출하여 새로운 배열을 만듭니다.

const array2 = [1, 2, 3, 4, 5, 6];
const slicedArray = array2.slice(2, 4);
console.log(slicedArray); // [3, 4]

 

• arrayName.splice(startIndex, deleteCount, element1, element2, ...):

배열의 startIndex에서 deleteCount만큼의 요소를 제거하고, element1, element2, ...를 추가합니다.

const array3 = [1, 2, 3, 4, 5];
const splicedArray = array3.splice(2, 2, 6, 7);
console.log(array3); // [1, 2, 6, 7, 5]
console.log(splicedArray); // [3, 4]

 

• arrayName.sort(compareFunction):

배열의 요소를 정렬합니다. compareFunction은 정렬 기준을 정의하는 함수입니다.

const numbers = [5, 3, 1, 4, 2];
const sortedNumbers = numbers.sort(function(a, b) {
  return a - b;
});
console.log(sortedNumbers); // [1, 2, 3, 4, 5]

 

• arrayName.reverse():

배열의 요소의 순서를 반전합니다.

const array4 = [1, 2, 3, 4, 5];
const reversedArray = array4.reverse();
console.log(reversedArray); // [5, 4, 3, 2, 1]

 

 

배열 반복자 메소드

JavaScript에서는 배열 반복자 메소드를 통해 배열의 각 요소를 쉽게 순회할 수 있습니다.

 

•  arrayName.forEach(callbackFunction)

배열의 각 요소에 대해 callbackFunction을 실행합니다.

const numbers = [1, 2, 3, 4, 5];
numbers.forEach(function(number) {
  console.log(number);
});

 

• arrayName.map(callbackFunction)

배열의 각 요소에 대해 callbackFunction을 실행하여, 그 결과를 새로운 배열로 만듭니다.

const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map(function(number) {
  return number * 2;
});
console.log(doubledNumbers); // [2, 4, 6, 8, 10]

 

• arrayName.filter(callbackFunction)

배열의 각 요소에 대해 callbackFunction을 실행하여, 참인 요소만을 포함하는 새로운 배열을 만듭니다.

const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter(function(number) {
  return number % 2 === 0;
});
console.log(evenNumbers); // [2, 4]

 

• arrayName.reduce(callbackFunction, initialValue)

배열의 각 요소에 대해 callbackFunction을 실행하여, 하나의 결과 값을 만듭니다. initialValue는 초기 값으로 사용됩니다.

const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce(function(accumulator, number) {
  return accumulator + number;
}, 0);
console.log(sum); // 15

 

위 메소드들은 배열을 다루는 데 매우 유용합니다. 이러한 메소드들을 사용하여, 배열의 각 요소에 대해 특정 작업을 수행하거나, 필터링하거나, 맵핑하거나, 축약할 수 있습니다.

 

 

배열 축약(Destructuring)

JavaScript에서는 배열을 빠르게 구조 분해할 수 있습니다. 구조 분해란 변수를 선언할 때 배열 또는 객체의 속성을 빠르게 할당하는 것을 말합니다. 다음은 배열 구조 분해의 예입니다.

const numbers = [1, 2, 3];
const [a, b, c] = numbers;
console.log(a); // 1
console.log(b); // 2
console.log(c); // 3