{ map( ) }
: 주어진 함수를 사용하여 원래 배열의 각 요소에 대해 새로운 배열을 생성한다.
(기존 배열 변경X , 새로운 배열 반환 O)
배열.map((요소, 인덱스, 배열) => {
// 변환 작업을 수행하는 로직
// 변환된 결과로 새로운 배열 생성
});
ex)
const numbers = [1, 2, 3, 4, 5];
const doubledNumbers = numbers.map((num) => num * 2);
console.log(doubledNumbers); // [2, 4, 6, 8, 10]
{ filter( ) }
: 주어진 함수(조건식)의 조건을 만족하는 요소들로 이루어진 새로운 배열을 생성한다.
배열.filter((요소, 인덱스, 배열) => {
// 조건을 확인하는 로직
// 조건을 만족하는 요소들로 새로운 배열 생성
});
ex)
const numbers = [1, 2, 3, 4, 5];
const evenNumbers = numbers.filter((num) => num % 2 === 0);
console.log(evenNumbers); // [2, 4]
{ forEach( ) }
: 배열의 각 요소에 대해 주어진 함수를 실행한다.
반복문과 유사한 역할을 하며, 주로 배열의 요소를 순회하면서 작업을 수행할 때 사용된다.
배열.forEach((요소, 인덱스, 배열) => {
// 작업을 수행하는 로직
});
ex)
const numbers = [1, 2, 3, 4, 5];
numbers.forEach((num) => console.log(num + 1));
// 2
// 3
// 4
// 5
// 6
{ find( ) }
: 주어진 조건을 만족하는 첫 번째 요소를 반환하는 배열함수이다.
조건을 만족하는 요소가 없을 시, undefined를 반환한다.
배열.find((요소, 인덱스, 배열) => {
// 조건을 확인하는 로직
});
ex)
const numbers = [1, 2, 3, 4, 5];
const foundNumber = numbers.find((num) => num > 3);
console.log(foundNumber); // 4
{ reduce( ) }
: 배열의 각 요소에 대해 주어진 함수를 실행하고, 하나의 결과값(최종 결과값)을 반환한다.
배열.reduce((누적값, 현재값, 인덱스, 배열) => {
// 계산 논리
return 새로운_누적값;
}, 초기값);
ex)
const numbers = [1, 2, 3, 4, 5];
const sum = numbers.reduce((accumulator, currentValue) => accumulator + currentValue, 0);
console.log(sum); // 15
-> 초기값을 지정하지 않을 경우, 첫 번째 요소가 초기값으로 사용되며 두 번째 요소부터 계산이 시작됩니다.
{ every( ) }
: 배열의 모든 요소가 주어진 조건을 만족하는지를 확인하는 배열함수이다.
이 메소드는 배열의 모든 요소가 주어진 함수의 조건을 만족하면 true를 반환,
그렇지 않으면 false를 반환한다.
배열.every((요소, 인덱스, 배열) => {
// 조건을 확인하는 로직
// 모든 요소가 조건을 만족하는지 여부를 반환
});
ex)
const numbers = [1, 2, 3, 4, 5];
const allPositive = numbers.every((num) => num > 0); // 모든 요소가 양수인지 확인하는 조건
console.log(allPositive); // true
const allLargerNumTwo = numbers.every((num) => num > 2); // 모든 요소가 숫자'2'보다 큰지 확인하는 조건
console.log(allLargerNumTwo); // false
{ some( ) }
: 배열의 요소 중 하나 이상이 주어진 조건을 만족하는지를 확인하는 배열함수이다.
이 메소드는 배열의 요소 중 하나라도 주어진 함수의 조건을 만족하면 true를 반환,
그렇지 않으면 false를 반환한다.
배열.some((요소, 인덱스, 배열) => {
// 조건을 확인하는 로직
// 하나 이상의 요소가 조건을 만족하는지 여부를 반환
});
ex)
const numbers = [1, 2, 3, 4, 5];
const hasNegative = numbers.some((num) => num < 0); // 요소 중 음수가 있는지 확인하는 조건
console.log(hasNegative); // false
const allLargerNumTwo = numbers.every((num) => num > 2); // 요소 중 숫자'2'보다 큰 요소가 있는지 확인하는 조건
console.log(allLargerNumTwo); // true