Java Script / map,sort,filter 정리

filter

자바스크립트에서 filter는 배열에 사용하며, 주어진 함수를 만족하는 모든 요소를 모아 새 배열로 반환 함

filter 메서드 ex)

const numbers = [1, 2, 3, 4, 5];

// 짝수만 필터링하여 새로운 배열 생성
const evenNumbers = numbers.filter((number) => number % 2 === 0);

console.log(evenNumbers); // 출력: [2, 4]

filter 메서드는 각 요소를 순회하면서 number % 2 === 0 의 조건을 만족하는 요소만을 새 배열에 포함 시킴.

filter 메서드는 배열에서 특정 조건을 만족하는 요소들을 선택할 때 자주 사용 됨

map

자바스크립트의 map은 배열 메서드 중 하나로, 배열의 각 요소를 변환하여 새로운 배열을 생성

map 메서드 ex)

const numbers = [1, 2, 3, 4, 5];

// 각 요소를 제곱하여 새로운 배열 생성
const squaredNumbers = numbers.map((number) => number ** 2);

console.log(squaredNumbers); // 출력: [1, 4, 9, 16, 25]

위 ex)에서는 numbers 배열의 각 요소를 제곱하여 squaredNumbers 배열을 생성
map 메서드는 각 요소를 순회하면서 number ** 2 연산을 수행하여 변환된 값으로 이루어진 새 배열을 생성

map 메서드는 배열의 각 요소를 변환하는 데 사용되며 배열의 각 요소를 변환하고자 할 때 사용

sort

• 자바스크립트의 sort는 배열을 정렬하는 메서드이며,열의 요소들을 기준에 따라 정렬할 수 있음.
• 기본적으로 요소들을 문자열로 취급하여 정렬하며, 원본 배열을 변경

sort 메서드 numbers 배열을 오름차순으로 정렬하는 예시

const numbers = [5, 2, 9, 1, 3];

// 오름차순으로 정렬
numbers.sort((a, b) => a - b);

console.log(numbers); // 출력: [1, 2, 3, 5, 9]

const numbers = [5, 2, 9, 1, 3];

// 내림차순으로 정렬
numbers.sort((a, b) => b - a);

console.log(numbers); // 출력: [9, 5, 3, 2, 1]

sort 메서드는 기본적으로 원본 배열을 변경하며, 정렬된 배열을 반환하는데 만약 원본 배열을 변경하지 않고 정렬된 배열을 얻고 싶다면, sort 메서드를 호출하기 전에 배열을 복사하여 사용

복사한 배열 사용 예시

const originalArray = [3, 1, 2];
const copiedArray = [...originalArray];

copiedArray.sort();
console.log(copiedArray); // 출력: [1, 2, 3]
console.log(originalArray); // 출력: [3, 1, 2]