본문 바로가기
반응형

📍 Front-End/🜸 JavaScript25

[자바스크립트] .forEach()와 .map()의 차이점 나는 배열에서 각 요소를 꺼낼 때 주로 forEach()를 사용하는 편이다. 이 forEach() 메서드와 비슷한 역할을 하는 .map() 함수가 있는데 둘의 차이점에 대해 알아보자.. 🧐 .forEach() forEach는 배열의 요소를 반복하며, 값을 리턴하지 않는다. (각 요소의 콜백 함수를 실행) const array = [1, 2, 3]; const res = array.forEach((num, index) => { // callback }); console.log(res) // undefiend .map() map은 forEach와 동일하게 배열의 요소를 반복하지만 각 요소에서 함수를 호출하여 발생하는 결과를 배열 형태로 return 한다 const array = [1, 2, 3]; const.. 2021. 7. 19.
[JavaScript30/Day-6] Type Ahead 이번 문제가 여태껏 푼 문제 중에 가장 어려웠다. 내가 직접 풀기보다는 답안지를 보고 분석했다. Solution fetch 함수와 정규식에 대해서 더 공부해볼 것! 2021. 7. 19.
[JavaScript30/Day-5] Flex Panel Gallery Solution CSS flex grid와 transform translate transition에 대해 공부해야겠다 2021. 7. 18.
[자바스크립트] forEach, for ... in, for ... of 차이점 1. forEach forEach는 배열(Array), Map, Set에서 이용 가능하다. 배열의 각 요소를 반복하여 작업을 수행한다 let arr = [1, 2, 3, 4, 5] arr.forEach((value, index, array) => { console.log(value) }) // 배열의 아이템이 차례대로 출력 2. for .. in for .. in은 객체의 열거 가능한 속성을 반복하는데 사용된다. Array에는 사용하지 않는 것이 좋다. let obj = { name : 'yelee', age : 20, } for (let key in obj){ console.log(`${key} : ${obj[key]}`); } // name : yelee // age : 20 단, for .. in의.. 2021. 7. 17.
반응형