[JS] 자주 사용하는 배열메서드

이창호·2022년 6월 8일
0
post-thumbnail

자주 사용하는 메서드를 정리하며 다시 한번 되짚어보고자 해요

- filter

const 과일 = ["사과", "딸기", "바나나", "수박"];
const 수박 = 과일.filter(item => item.includes("수박"));
console.log(수박)
// Array ["수박"]

설정한 조건에 맞는 결과를 모아서 새로운 배열 로 돌려줘요 (배열 요소들의 테스트)


- includes

const 과일 = ["사과", "딸기", "바나나", "수박"];
const 바나나 = 과일.includes("바나나")
console.log(바나나)
// Boolean true

const 망고 = 과일.includes("망고")
console.log(망고);
// Boolean false;

설정한 조건에 맞는 결과의 포함 유무를 불리언 으로 돌려줘요


- map

const 과일 = ["사과", "딸기", "바나나", "수박"];
const 맛있는과일 = 과일.map(item => `맛있는${item}`);
console.log(맛있는과일)
// Array ["맛있는사과", "맛있는딸기", "맛있는바나나", "맛있는수박"]

설정한 연산을 수행한 후 새로운 배열 로 돌려줘요 (배열 요소들의 조작)

- reduce

const 숫자 = [2,4,6,8];
const 합계 = 숫자.reduce((누적값, 현재요소, 현재인덱스) => {
	누적값 += 현재요소;
    return 누적값;
}, 0);
누적값현재요소현재인덱스
020
241
662
1283

설정한 연산을 수행하며 다른 메소드와 달리 초기값과 형태를 원하는대로 설정이 가능해요

- concat

const 숫자1 = [1,2,3];
const 숫자2 = [4,5,6];
const 합치기1 = 숫자1.concat(숫자2) // Array [1,2,3,4,5,6]
const 합치기2 = 숫자2.concat(숫자1) // Array [4,5,6,1,2,3]

두 배열을 합쳐줘요 concat 메소드 실행에 들어가는 파라미터가 뒤로 붙게 되요

profile
조금씩 나아지기

0개의 댓글