자바스크립트 문법(배열)

이얏호·2023년 5월 23일
0
post-custom-banner

배열...은 알지만 배열의 추가 사용법!

forEach

let numbers = [4, 1, 5, 3, 2];
numbers.forEach(function(item){
    console.log("item입니다. =>" + item)
});

배열을 돌면서 인덱스 순서대로 값을 콜백 함수 안의 값으로 리턴해줌(여기서는 item)

map

let numbers = [4, 1, 5, 3, 2];
let newnumbers = numbers.map(function(item){
    return item * 2
})
console.log(newnumbers)

새로운 배열을 생성함(받아주는 선언부가 필요함.)
map은 배열의 길이만큼 리턴됍.
위의 경우 [8, 2, 10, 6, 4]가 찍힌다.

filter

let numbers = [4, 1, 5, 3, 2];
let filterNumbers = numbers.filter(function (item) {
  return item !== 5;
});

console.log(filterNumbers);

filter도 새로운 배열이 생성되는데
조건에 해당하는 것만 리턴
위의 경우 [4, 1, 3, 2]가 찍힌다.

find

let numbers = [4, 1, 5, 3, 2];
let findnumber = numbers.find(function (item) {
  return item > 3;
});
console.log(findnumber);

filter와 마찬가지로 조건에 맞는 것을 반환하지만
첫 번째 조건을 만족한 녀석에서 반환하고 끝난다.

profile
열심히 신나게 화이팅!
post-custom-banner

0개의 댓글