본문 바로가기

React [클론코딩 학습일지]

1-8 Array Function - forEach and push

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