자바스크립트 강의

[JavaScript] 1주차 - 배열2

notion0896 2024. 10. 10. 14:25

forEach, map, filter, find

 

1. forEach() : 배열 안에 있는 각각의 요소들을 한번씩 돌아가면서 수행하는 메소드

2. map : 기존의 배열을 가공해 새로운 배열을 만들어낸다. 새로운 배열이 생성되기 때문에 반드시 새로운 변수로 받아야 하고, 항상 원본 배열의 길이만큼 리턴 된다. 

3. filter : 조건에 맞는 배열만 골라내는 메소드. 이 또한 새로운 배열이 만들어지기 때문에 새로운 변수 받아야 한다.

4. find : filter와 비슷하지만 차이점은 조건에 맞는 첫번째 요소만 들어오게 되는 메소드. 이것도 새로운 변수로 받아야한다. 

 

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

1. forEach
numbers.forEach(function(item){
	console.log(item)
}) 
// 1
// 2
// 3
// 4
// 5

2. map 
let newNumbers = numbers.map(function(item){
	return item * 2;
})

console.log(newNumbers) // [2,4,6,8,10]


3. filter
let newNums = numbers.filter(function(item){
	return item > 3;
})

console.log(newNums) // [4,5]


4. find
let result = numbers.find(function(item){
	return item > 1
})

console/log(result) // 2