[Javascript] 자바스크립트 배열 함수: 초보자를 위한 완벽 가이드

1. push(): 배열 끝에 요소 추가

let fruits = ['apple', 'orange'];
fruits.push('banana');
// fruits는 이제 ['apple', 'orange', 'banana']

2. pop(): 배열 끝에서 요소 제거하고 반환

let fruits = ['apple', 'orange', 'banana'];
let removedFruit = fruits.pop();
// removedFruit은 'banana', fruits는 ['apple', 'orange']

3. shift(): 배열 앞에서 요소 제거하고 반환

let fruits = ['apple', 'orange', 'banana'];
let removedFruit = fruits.shift();
// removedFruit은 'apple', fruits는 ['orange', 'banana']

4. unshift(): 배열 앞에 요소 추가

let fruits = ['orange', 'banana'];
fruits.unshift('apple');
// fruits는 이제 ['apple', 'orange', 'banana']

5. splice(): 배열에서 요소 제거하고/추가

let fruits = ['apple', 'orange', 'banana'];
fruits.splice(1, 1, 'grape', 'kiwi');
// fruits는 이제 ['apple', 'grape', 'kiwi', 'banana']

6. concat(): 두 개 이상의 배열 결합

let fruits = ['apple', 'orange'];
let additionalFruits = ['banana', 'kiwi'];
let combined = fruits.concat(additionalFruits);
// combined는 ['apple', 'orange', 'banana', 'kiwi']

7. slice(): 배열 일부 추출

let fruits = ['apple', 'orange', 'banana', 'kiwi'];
let slicedFruits = fruits.slice(1, 3);
// slicedFruits는 ['orange', 'banana'], fruits는 변화 없음

8. indexOf(): 특정 요소의 첫 번째 인덱스 반환

let fruits = ['apple', 'orange', 'banana'];
let index = fruits.indexOf('orange');
// index는 1

9. filter(): 주어진 함수의 조건을 만족하는 요소 반환

let numbers = [1, 2, 3, 4, 5];
let evenNumbers = numbers.filter(num => num % 2 === 0);
// evenNumbers는 [2, 4]

10. map(): 배열의 모든 요소를 변환하여 새 배열 생성

let numbers = [1, 2, 3];
let squaredNumbers = numbers.map(num => num ** 2);
// squaredNumbers는 [1, 4, 9]

11. reverse(): 배열의 순서를 뒤집음

let fruits = ['apple', 'orange', 'banana'];
fruits.reverse();
// fruits는 이제 ['banana', 'orange', 'apple']

12. join(): 배열의 모든 요소를 문자열로 결합

let fruits = ['apple', 'orange', 'banana'];
let fruitString = fruits.join(', ');
// fruitString은 'apple, orange, banana'

13. every(): 배열의 모든 요소가 주어진 조건을 만족하는지 확인

let numbers = [2, 4, 6, 8];
let allEven = numbers.every(num => num % 2 === 0);
// allEven은 true

14. some(): 배열의 일부 요소가 주어진 조건을 만족하는지 확인

let numbers = [1, 3, 5, 7, 8];
let hasEven = numbers.some(num => num % 2 === 0);
// hasEven은 true

15. reduce(): 배열 요소에 함수를 적용하여 단일 값으로 축소

let numbers = [1, 2, 3, 4];
let sum = numbers.reduce((acc, num) => acc + num, 0);
// sum은 10

16. find(): 주어진 조건을 만족하는 첫 번째 요소 반환

let numbers = [1, 2, 3, 4, 5];
let greaterThanThree = numbers.find(num => num > 3);
// greaterThanThree은 4

17. findIndex(): 주어진 조건을 만족하는 첫 번째 요소의 인덱스 반환

let numbers = [1, 2, 3, 4, 5];
let indexGreaterThanThree = numbers.findIndex(num => num > 3);
// indexGreaterThanThree은 3

18. sort(): 배열 요소를 정렬

let fruits = ['banana', 'apple', 'orange'];
fruits.sort();
// fruits는 이제 ['apple', 'banana', 'orange']

19. isArray(): 주어진 값이 배열인지 확인

let fruits = ['apple', 'orange', 'banana'];
let isFruitsArray = Array.isArray(fruits);
// isFruitsArray는 true

20. flat(): 중첩된 배열을 평탄화

let nestedArray = [1, [2, 3], [4, [5, 6]]];
let flatArray = nestedArray.flat();
// flatArray는 [1, 2, 3, 4, [5, 6]]