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 |