[javascript] 자바스크립트 배열 함수들 정리 (4)

728x90

목 차

• 1. map() method
• 2. forEach() method
• 3. reduce() method
• 4. fill() method
• 5. copyWithin() method
• 6. sort() method
• 7. reverse() method

 

1. map()

• JavaScript의 map() 메서드는 배열의 각 요소에 대해 제공된 함수를 호출하고, 결과를 모아 새로운 배열을 반환합니다.

const arr = [1, 2, 3];
let returnValue = arr.map(num => num * 2);

 

2. forEach()

• JavaScript의 forEach() 메서드는 배열의 각 요소에 대해 제공된 함수를 한 번씩 실행합니다.

const arr = [1, 2, 3];
arr.forEach((num) => console.log(num * 2));

 

3. reduce()

• JavaScript의 reduce() 메서드는 배열의 각 요소에 대해 누적값을 계산하여 하나의 결과를 반환합니다.
• arr.reduce(callback, [초기값])

const arr = [1, 2, 3, 4];
let returnValue = arr.reduce((acc, num) => acc + num, 0);

 

4. fill()

• JavaScript의 fill() 메서드는 배열의 모든 요소를 특정 값으로 채웁니다.

const arr = [1, 2, 3];
arr.fill(0);

 

5. copyWithin()

• JavaScript의 copyWithin() 메서드는 배열의 일부를 같은 배열 내에서 복사해 다른 위치에 붙여넣고, 길이를 수정하지 않습니다.

const arr = [1, 2, 3, 4, 5];
arr.copyWithin(0, 3);

 

6. sort()

• JavaScript의 sort() 메서드는 배열을 정렬합니다. 기본적으로 문자열로 정렬하므로 숫자 정렬 시엔 비교 함수를 사용해야 합니다.

const arr = [3, 1, 4, 1, 5];
arr.sort((a, b) => a - b);

 

7. reverse()

• JavaScript의 reverse() 메서드는 배열의 순서를 반대로 바꿉니다.

const arr = [1, 2, 3];
arr.reverse();