배열 관련 메서드

https://github.com/SiHanni/personal_study/blob/main/codingTest/Queue_Stack/12906.js

personal_study/codingTest/Queue_Stack/12906.js at main · SiHanni/personal_study

문제 해결 중에 자바스크립트 배열 관련 메서드를 한번 정리해보고자 아카이빙

 

자바스크립트 배열 관련 메서드

forEach, some, filter, map, find

기본적으로 받는 세 가지의 파라메터

1. 현재 요소의 값 (element or value)
2. 현재 요소의 인덱스 (index)
3. 원본 배열 자체 (array)

이 메서드들에서 콜백 함수를 작성할 때, 인덱스와 원본 배열을 선택적으로 받을 수 있다.

인덱스를 따로 관리할 필요 없이, 메서드가 자동으로 제공해준다.

 

1. forEach()

배열의 각 요소에 대해 실행할 작업을 지정할 수 있다.

const arr = ['a', 'b', 'c']
arr.forEach((element, index, array) => {
	console.log(element) 
    console.log(index)
    console.log(array)
})

 

2. some()

배열의 요소 중 하나라도 조건을 만족하는지 검사한다. 

const arr = [10, 20, 30];
const result = arr.some((element, index, array)=>{
	console.log(element, index, array)
    return element > 15
})

 

3. filter()

조건을 만족하는 요소들만 모아서 새로운 배열로 반환한다.

const arr = [5, 10, 15];
const filterArr = arr.filter((element, index)=>{
	console.log(element, index)
    return element > 5
})
console.log(filterArr)

 

4. map()

배열의 각 요소에 대해 새로운 값을 만들어서 새로운 배열을 반환한다.

const arr = [1, 2, 3];
const newArr = arr.map((element, index) => {
    console.log(element, index); 
    return element * 2;          
});
console.log(newArr); // [2, 4, 6]

 

5. find()

조건을 만족하는 첫 번째 요소를 반환한다.

const arr = [7, 8, 9];
const found = arr.find((element, index) => {
    console.log(element, index); 
    return element > 8;          
});
console.log(found); // 9

 

 

그 외 배열 관련 메서드

• sort()

const arr = [3, 1, 2];
arr.sort((a, b) => a - b); // 오름차순 정렬
console.log(arr); // [1, 2, 3]

• reverse()
• join()
• includes()
• reduce()

const arr = [1, 2, 3, 4];
const sum = arr.reduce((accumulator, element, index, array) => {
    return accumulator + element;
}, 0);
console.log(sum); // 10

 

• map()

const arr = [1, 2, 3];
const doubled = arr.map((element, index) => element * 2);
console.log(doubled); // [2, 4, 6]