map 2

[Javascript] 반복문-3탄 (map, forEach, reduce)

이번 글에서는 Array를 반복문으로 다룰때 사용하는 세가지 함수에 대해서 다룰 예정이다 1탄과 2탄은 다음 글들에 있다. forEach와 map, reduce에는 아주 큰 차이점이 있는데 바로 return값의 존재여부이다. forEach로 사용할 경우 return값이 존재하지 않으며 단순 시행만을 목적으로 두고 있습니다. 그러나 map과 reduce의 경우 데이터를 재포장하는 함수라고 생각하시면 될것 같습니다. [Javascript] 반복문-1탄 (For, For..in) [Javascript] 반복문-2탄 (For..of, while, do while) // a에 1, 2, 3으로 이루어진 배열 선언 const a = [1, 2, 3]; const b = a.forEach((value, idx) =>..

Dev/Web 2023.12.14

[JavaScript] Map vs Object

Javascript에는 키-값으로 데이터를 저장하는 방식이 두가지가 있다. 바로 Map과 Object인데 오늘은 이 두가지에 대해 소개해보고자 한다. 우선 Object는 매우 대중적인 방식이다. Map보다 가볍고 사용하기도 쉬워 아마 많은 사람이 사용하리라 생각된다. Object는 구조가 단순한 대신 직속의 key-value들을 마음대로 뒤섞을수 있기 때문에 사용할때 주의가 많이 필요하다. // a object에 b key값에 1이라는 value를 할당 const a = { b: 1 } console.log(a['b']) // 1 console.log(a.b) // 1 // a를 const로 선언했기에 a에 새로운 값을 재할당하는것은 불가능하다. // a에 새로운 값을 할당하는것은 불가능하지만 a의 키에..

Dev/Web 2023.11.09