TIL DAY 37
.jpg)
오늘 배운 일
✔️ 코드잇에서 JavaScript 중급
-
forEach & map (배열 메소드)
-
forEach 메소드
기본적인 예제 )
forEach의 첫 번째 argument를 배열의 value로 쓰인다.
그래서 4개의 문장이 출력이 된다.결과값 :
Arrow Function을 이용한 예제 )
결과값 :
-
forEach 메소드의 2번째 argument는 index를 의미한다.
그리하여 위에는 4개의 요소가 있으니 숫자 3까지만 index로 쓰인다
두 개 이상의 배열을 이용한 forEach 메소드 )
결과값 :
-
두개 이상의 배열을 응용해서 매칭이 가능하다
세번째 argument인 Array를 이용할 때... )
결과값 :
-
세 번째 argument는 반복되는 배열을 호출하는 동작을 한다.
알면 좋은 정보!
=> forEach 메소드는 배열이 갖고 있는 함수로서 배열 내부의 요소를 사용해서 콜백 함수를 호출
배열 그 자체를 콜백 함수로 이용할 때 )
결과값 :
- 위에 있는 예제와 동일한 동작을 한다.
-
-
map
- map() 메소드는 콜백 함수에서 리턴한 값들을 기반으로 새로운 배열을 만드는 함수
결과값 :
-
위에 있는 2개의 예제와 동일한 값이 출력이 된다
-
map은 메소드의 호출 결과로 새로운 배열을 동작한다
결과값 :
-
메소드 호출 결과로 새로운 배열을 return한다
Arrow Function을 이용했을 때...
결과값 :
팁! ) forEach 메소드를 이용하면 return 값이 없어 undefined이 출력된다
결과값 :
결과적으로....
-
- 배열의 반복되는 작업을 원하면 forEach 메소드를
- 반복 작업의 통해서 새로운 배열을 원하면 map 메소드를
배열에 새로운 요소를 추가했을 때...
결과값 :
-
배열의 요소 갯수만큼 코드잇을 4번 추가시킨다.
-
최대 반복 횟수는 메소드를 호출할 때 그 당시에 요소의 갯수
배열에 요소를 삭제했을 때...
결과값 :
-
마지막 요소를 제거해서 반복 횟수를 줄인다.
느낀점 :
-
오늘은 중요한 forEach와 map 메소드를 이용해 봤는데, 둘다 비슷하지만 다른 성질을 갖고있어서 완벽히 알고나서 활용을 해봐야겠다.
-
아직까지 pop 메소드가 어렵다.
