(Javascript) 코딩 테스트 전 정리, 자바스크립트 표준 내장 객체 - 배열, 순회 매서드 편

 

순회 매서드

순회 매서드는 주어진 배열을 순회하며 모든 값을 가져오며, 반복문과 비슷한 역할을 함.

 

배열 메서드는 콜백 함수를 인수로 받으며,

 

배열의 각 요소에 따라 콜백함수는 한번만 호출된다.

method(callbackFn, thisArg)

 

 

여기서 callbackFn은 세 개의 인수를 받음

• element : 배열에서 현재 처리 중인 요소
• index : 배열에서 현재 처리 중인 요소의 인덱스
• array : 메서드가 호출된 배열

 

 

---

순회 메서드 종류

forEach()

각 배열 요소에 대해 제공된 함수를 한 번씩 실행, 반환값 없음.

const array1 = ['a', 'b', 'c'];
array1.forEach((element, index) => console.log(index, element));

// Expected output: 0 "a"
// Expected output: 1 "b"
// Expected output: 2 "c"

 

map()

배열 내의 모든 요소 각각에 대하여 주어진 함수를 호출한 결과를 모아 새로운 배열을 반환

-> forEach()와 map은 작동은 동일하지만 forEach()는 콜백 함수가 현재 배열을 변경하고 map()은 ​​새 배열을 반환한다.

const array1 = [1, 2, 3, 4];
const map1 = array1.map((x,idx) => x * idx);
console.log(map1); // Expected output: Array [0, 2, 6, 12]

 

 

filter()

주어진 배열의 일부에 대한 얕은 복사본을 생성,(얕은 복사본 : 복사본의 속성이 복사본이 만들어진 원본 객체와 같은 참조를 공유) 주어진 배열에서 제공된 함수에 의해 구현된 테스트를 통과한 요소로만 필터링 합니다.

const numArray = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];
const result = numArray.filter((x)=>x%2===0);
console.log(result); //Array [2, 4, 6, 8, 10]

 

 

 

find()

제공된 배열에서 제공된 테스트 함수를 만족하는 첫 번째 요소를 반환. (테스트 함수를 만족하는 값이 없으면 undefine반환)

const array = [3, 7, 5, 9, 2, 4, 1];
const firstEven = array.find((x)=>x%2===0);
console.log(firstEven); //2

 

 

findIndex()

주어진 판별 함수를 만족하는 배열의 첫 번째 요소에 대한 인덱스를 반환. (만족하는 요소가 없으면 -1을 반환)

const array = [2, 12, 8, 15, 44, 55, 28];
const firstOdd = array.findIndex((x)=>x%2===1);
console.log(firstOdd); //3