728x90
Array function - forEach
map 과 기능이 거의 똑같다!
차이점은 map은 실행결과를 새로운 배열에 담아 반환하지만
forEach는 그저 실행을 할뿐!
map()과 forEach()의 비교
map()
let rainbow = ["red", "orange", "yellow", "green", "blue", "navy", "purple"];
console.log(rainbow.map((color) => console.log(color)));
모든 배열 요소에 대하여 console.log() 실행, console.log()의 반환값 (undefined, console.log()함수는 리턴값 없는 void)을 모아 새 배열을 리턴함
forEach()
let rainbow = ["red", "orange", "yellow", "green", "blue", "navy", "purple"];
console.log(rainbow.forEach((color) => console.log(color)));
모든 배열 요소에 대하여 console.log() 실행, 리턴하는 값 없음
Array Function - push
let rainbow = ["red", "orange", "yellow", "green", "blue", "navy"];
rainbow.push("purple");
console.log(rainbow); //["red", "orange", "yellow", "green", "blue", "navy", "purple"]
push 를 사용하면 배열의 마지막에 값을 추가할 수 있다.
기타 배열관련해서 뭔가 하고 싶은데, 무슨 함수를 쓸지 모르겠다 ? → mdn! https://developer.mozilla.org/ko/docs/Web/JavaScript/Reference/Global_Objects/Array/map#
참고하자~
728x90
'React [클론코딩 학습일지]' 카테고리의 다른 글
2-1. React Router (0) | 2021.07.02 |
---|---|
2. CRA 사용하여 프로젝트 셋팅하기 (0) | 2021.06.07 |
1.7 Array Function - filter (0) | 2021.06.03 |
1-6. Array function - map (0) | 2021.06.01 |
1-5. Class(클래스) (0) | 2021.05.31 |