본문 바로가기
Front/JavaScript

[JavaScript] 자바스크립트 forEach() 사용방법

by AlexHouse 2022. 12. 21.

자바스크립트

 

forEach()

 

사용방법에 대해서 바로 들어가보자.

 


Method

 

 

 

간단하게 사용하면 이런 의미이다.

 

 

 

 

객체안에 담긴 데이터를 모두 뽑아낸다.

 

 

 

 

다음을 직접 디버그 찍어서

 

정말 그렇게 나오는지 확인 해 보겠다.

 

 

 

 

다음을 보면 확실히

 

forEach 의 기능이 다음과 같이 Object 형식으로

 

키/값 키/값 이런식으로 나오는것을 확인 할 수 있다.

 

 

즉, 너의 모든 데이터를 끄집어 낼게 이럴 때 사용하는게 좋은 것 같다.

 

 

하지만 사용하다보면 

 

가공된 ?

 

즉, 내가 갖고싶은 데이터만 가져오게 할 수도 있다.

 

 

 

 

 

다시 forEach 앞으로 돌아가보자.

 

 

 

 

 

그렇기 때문에

 

apiClass

 

를 디버그 찍어놓으면

 

 

 

다음과 같이 배열을 따져 해당된 데이터를 가져오게 된다.

 

 

즉,

 

api["설치"] 애 해당된 데이터를 forEach에 담아서

 

줄 세워 놓겠다는 의미이다.

 

 

그래서

 

 

 

함수 apiClass 을 타고 담기게 된다.

 

근데 왜 굳이

 

함수꼴로 사용해야 되는지는 잘 모르겠다. (apiClass) 이렇게 쓰면

 

더 예쁜 모양 아닌가,,,,

 

 

그럼 20000


 

 

To be continue..