JavaScript 배열 반복 메서드
JavaScript 배열은 데이터를 처리하기 위한 다양한 도구를 제공합니다. 깔끔한 코드를 작성하려면 이 메서드들을 숙지해야 합니다.
forEach() 각 요소에 대해 함수를 실행합니다. let nums = [10, 20, 30]; nums.forEach(num => console.log(num));
map() 모든 요소를 변환하여 새로운 배열을 생성합니다. let nums = [1, 2, 3]; let result = nums.map(num => num * 2); // [2, 4, 6]
flatMap() 각 요소를 매핑한 후 그 결과를 평탄화(flatten)합니다. let arr = [1, 2, 3]; let result = arr.flatMap(num => [num, num * 2]); // [1, 2, 2, 4, 3, 6]
filter() 테스트를 통과하는 요소들로 구성된 새로운 배열을 생성합니다. let nums = [10, 20, 30, 40]; let result = nums.filter(num => num > 20); // [30, 40]
reduce() 모든 요소를 하나의 값으로 결합합니다. let nums = [10, 20, 30]; let result = nums.reduce((total, num) => total + num, 0); // 60
reduceRight() reduce와 유사하게 작동하지만 배열의 끝에서부터 시작합니다. let arr = ["A", "B", "C"]; let result = arr.reduceRight((acc, value) => acc + value); // CBA
every() 모든 요소가 테스트를 통과하면 true를 반환합니다. let nums = [10, 20, 30]; let result = nums.every(num => num > 5); // true
some() 최소한 하나의 요소가 테스트를 통과하면 true를 반환합니다. let nums = [10, 20, 30]; let result = nums.some(num => num > 25); // true
from() 반복 가능한(iterable) 객체로부터 배열을 생성합니다. let result = Array.from("Hello"); // ['H', 'e', 'l', 'l', 'o']
keys() 배열의 키를 포함하는 반복자(iterator)를 반환합니다. let fruits = ["Apple", "Mango", "Orange"]; let result = fruits.keys(); // 0, 1, 2
entries() 키와 값의 쌍을 포함하는 반복자를 반환합니다. let fruits = ["Apple", "Mango", "Orange"]; let result = fruits.entries(); // [0, 'Apple'], [1, 'Mango']...
with() 하나의 요소가 변경된 새로운 배열을 반환합니다. let fruits = ["Apple", "Mango", "Orange"]; let result = fruits.with(1, "Grapes"); // ['Apple', 'Grapes', 'Orange']
Spread (...) 배열의 요소를 펼칩니다. let arr1 = [1, 2]; let arr2 = [3, 4]; let result = [...arr1, ...arr2]; // [1, 2, 3, 4]
Rest (...) 여러 요소를 하나의 배열로 모읍니다. function showNumbers(...nums) { console.log(nums); } showNumbers(10, 20, 30); // [10, 20, 30]
출처: https://dev.to/ezhil_abinayak_e38eec8fb/array-iteration-methods-in-javascript-20mc