728x90

자바스크립트에는 배열을 다루기 위한 다양한 내장 함수들이 있습니다. 이들 함수는 배열을 조작하고 데이터를 처리하는 데 유용합니다. 주요 배열 함수를 자세히 설명하겠습니다.

1. push()pop()

  • push(element1, ..., elementN): 배열의 끝에 하나 이상의 요소를 추가하고 배열의 새로운 길이를 반환합니다.
  • let arr = [1, 2, 3]; arr.push(4); // arr은 이제 [1, 2, 3, 4]
  • pop(): 배열의 마지막 요소를 제거하고 그 요소를 반환합니다.
  • let arr = [1, 2, 3, 4]; let last = arr.pop(); // last는 4, arr은 이제 [1, 2, 3]

2. shift()unshift()

  • shift(): 배열의 첫 번째 요소를 제거하고 그 요소를 반환합니다.
  • let arr = [1, 2, 3, 4]; let first = arr.shift(); // first는 1, arr은 이제 [2, 3, 4]
  • unshift(element1, ..., elementN): 배열의 앞에 하나 이상의 요소를 추가하고 배열의 새로운 길이를 반환합니다.
  • let arr = [2, 3, 4]; arr.unshift(1); // arr은 이제 [1, 2, 3, 4]

3. concat()

  • concat(array2, ..., arrayN): 기존 배열에 다른 배열이나 값을 연결하여 새로운 배열을 반환합니다.
    let arr1 = [1, 2];
    let arr2 = [3, 4];
    let combined = arr1.concat(arr2);  // combined는 [1, 2, 3, 4]

4. slice()

  • slice(beginIndex, endIndex): 배열의 일부분을 복사하여 새로운 배열을 반환합니다. endIndex는 선택 사항이며 포함되지 않습니다.
    let arr = [1, 2, 3, 4];
    let part = arr.slice(1, 3);  // part는 [2, 3], arr은 변화 없음

5. splice()

  • splice(start, deleteCount, item1, ..., itemN): 배열의 기존 요소를 제거하거나 교체하거나 새 요소를 추가하여 배열의 내용을 변경합니다.
    let arr = [1, 2, 3, 4];
    arr.splice(1, 2, 5, 6);  // arr은 이제 [1, 5, 6, 4]

6. forEach()

  • forEach(callback(currentValue, index, array), thisArg): 배열의 각 요소에 대해 제공된 콜백 함수를 한 번씩 실행합니다.
    let arr = [1, 2, 3];
    arr.forEach(function(item, index) {
      console.log(item);  // 1, 2, 3 출력
    });

7. map()

  • map(callback(currentValue, index, array), thisArg): 배열의 모든 요소에 대해 제공된 콜백 함수를 호출한 결과를 모아 새로운 배열을 반환합니다.
    let arr = [1, 2, 3];
    let doubled = arr.map(function(item) {
      return item * 2;
    });  // doubled는 [2, 4, 6]

8. filter()

  • filter(callback(element, index, array), thisArg): 주어진 함수의 테스트를 통과하는 모든 요소를 모아 새로운 배열로 반환합니다.
    let arr = [1, 2, 3, 4];
    let even = arr.filter(function(item) {
      return item % 2 === 0;
    });  // even은 [2, 4]

9. reduce()

  • reduce(callback(accumulator, currentValue, currentIndex, array), initialValue): 배열의 각 요소에 대해 콜백 함수를 실행하여 단일 출력 값을 누적합니다.
    let arr = [1, 2, 3, 4];
    let sum = arr.reduce(function(accumulator, currentValue) {
      return accumulator + currentValue;
    }, 0);  // sum은 10

10. find()findIndex()

  • find(callback(element, index, array), thisArg): 제공된 테스트 함수를 만족하는 첫 번째 요소를 반환합니다. 그렇지 않으면 undefined를 반환합니다.
  • let arr = [1, 2, 3, 4]; let found = arr.find(function(item) { return item > 2; }); // found는 3
  • findIndex(callback(element, index, array), thisArg): 제공된 테스트 함수를 만족하는 첫 번째 요소의 인덱스를 반환합니다. 그렇지 않으면 -1을 반환합니다.
  • let arr = [1, 2, 3, 4]; let index = arr.findIndex(function(item) { return item > 2; }); // index는 2

11. every()some()

  • every(callback(element, index, array), thisArg): 배열의 모든 요소가 제공된 테스트 함수를 통과하면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
  • let arr = [1, 2, 3, 4]; let allEven = arr.every(function(item) { return item % 2 === 0; }); // allEven은 false
  • some(callback(element, index, array), thisArg): 배열의 일부 요소가 제공된 테스트 함수를 통과하면 true를 반환하고, 그렇지 않으면 false를 반환합니다.
  • let arr = [1, 2, 3, 4]; let someEven = arr.some(function(item) { return item % 2 === 0; }); // someEven은 true

12. includes()

  • includes(searchElement, fromIndex): 배열이 특정 요소를 포함하고 있는지 확인합니다. 포함되어 있으면 true, 그렇지 않으면 false를 반환합니다.
    let arr = [1, 2, 3, 4];
    let hasThree = arr.includes(3);  // hasThree는 true

13. sort()

  • sort(compareFunction): 배열의 요소를 적절한 위치에 정렬한 후 그 배열을 반환합니다.
  • let arr = [4, 2, 3, 1]; arr.sort(); // arr은 이제 [1, 2, 3, 4]
  • 숫자를 올바르게 정렬하기 위해서는 비교 함수를 제공해야 합니다.
  • let arr = [4, 2, 3, 1]; arr.sort(function(a, b) { return a - b; }); // arr은 이제 [1, 2, 3, 4]

이들 함수는 자바스크립트에서 배열을 효율적으로 다루는 데 필수적입니다. 각 함수를 실습하며 사용법을 익히면 배열을 더욱 효과적으로 활용할 수 있습니다.

728x90
반응형

+ Recent posts