내일배움캠프 동영상 강의/내배캠_ JavaScript 문법 종합반

배열 2

콛 다이어리 2024. 8. 30. 03:09

forEach
사용 방법
배열.forEach(콜백 함수)

 

별도로 return되는 값은 없음
안의 로직이 실행되기만 함

 

콜백 함수
매개변수 자리에 들어가는 함수
(콜백 함수의) 매개변수에는 배열의 요소들이 순회함
for문과 비슷

 

let NotMini = ["OverTheTop", "Paradise",

 "Seaon2", "Back", "Top Seed"];
NotMini.forEach(function (item) {
  console.log("item입니다.=>" + item);
  // item입니다.=>OverTheTop
  // item입니다.=>Paradise
  // item입니다.=>Seaon2
  // item입니다.=>Back
  // item입니다.=>Top Seed
});

 

 

map

배열 내의 모든 요소 각각에 대하여

주어진 함수를 호출한 결과를 모아 새로운 배열을 반환

반드시 return문이 있어야 함
배열을 가공해서 return하는 것이 map의 역할
새로운 배열의 데이터가 출력됨


사용 방법
let 변수 = 배열.map(콜백 함수)


NotMini.map(function (item) {});
let ifntAlbums = NotMini.map(function (item) {
  return item + "였엉";
});
console.log(ifntAlbums);
// [ 'OverTheTop였엉', 'Paradise였엉',

 'Seaon2였엉', 'Back였엉', 'Top Seed였엉' ]

filter

사용 방법
배열.filter(콜백 함수)
반드시 return문이 있어야 함
조건이 있어야 함
조건에 해당하는 것만 return

let lastAlbum = NotMini.filter(function (item) {
  return item === "Top Seed";
});

console.log(lastAlbum);
// [ 'Top Seed' ]

 

find

사용 방법
배열.find(콜백함수)
NotMini.find(function (item) {
  return item.valueOf("TopSeed");
});
console.log(NotMini);
// [ 'OverTheTop', 'Paradise',

 'Seaon2', 'Back', 'Top Seed' ]

'내일배움캠프 동영상 강의 > 내배캠_ JavaScript 문법 종합반' 카테고리의 다른 글

break continue  (0) 2024.09.30
for문  (0) 2024.08.30
배열 1  (0) 2024.08.29
객체  (0) 2024.08.28
연산자  (0) 2024.07.28