[TIL] Array Method

고은정·2021년 3월 30일
2

TIL

목록 보기
7/31
post-thumbnail

이 글에서는 map(), filter(), foreach(), includes(), push()만 다룹니다.

자바스크립트 배열에서 유용하게 사용되는 함수에 대해 정리!

map()

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

const numbers = [1, 4, 9, 16];
const map = numbers.map(number => `😆 ${number}`);

console.log(map);
//["😆 1", "😆 4", "😆 9", "😆 16"]

filter()

주어진 함수의 테스트를 통과(true)하는 모든 요소를 모아 새로운 배열로 반환

const numbers = [10, 40, 94, 162, 232, 112];
const filter = numbers.filter(number => number > 100);

console.log(filter);
// [162, 232, 112]

foreach()

주어진 함수를 배열 요소 각각에 대해 실행합니다.

const array = ['a', 'b', 'c'];

array.forEach(element => console.log(element));
// a
// b
// c

includes()

배열이 특정 요소를 포함하고 있는지 판별

const pets = ['cat', 'dog', 'bat'];

console.log(pets.includes('cat'));
// true

push()

배열의 마지막에 요소를 추가

const animals = ['pigs', 'goats', 'sheep'];
const cows = animals.push('cows');

console.log(animals);
// ["pigs", "goats", "sheep", "cows"]
profile
개발이 하고싶어요

0개의 댓글