RATSENO

두 개의 array가 있습니다. 묘하게 비슷하게 생겼지만, arr2의 요소들은 추가적으로 job, addres 속성이 있습니다. var arr = [ { id : 1, name : "철수", age : 30 }, { id : 2, name : "철수2", age : 30 } ]; var arr2 = [ { id : 1, name : "철수", age : 30, job : "개발자", addres : "서울" }, { id : 2, name : "철수2", age : 30, job : "디자이너", address : "부산" } ]; 두 array중 arr1에 arr2요소들 중 id(키값)이 같은 요소를 병합하고 싶습니다. 그중에 arr2요소 중 job속성만 있었으면 합니다. var mergedList =..

HashMap은 Map 인터페이스를 구현한 대표적인 Map 컬렉션입니다. HashMap의 키로 사용할 객체는 hashCode()와 equals() 메서드를 재정의해서 동등 객체가 될 조건을 정해야 합니다. hash값이란? hash는 '으깨다'라는 뜻으로, Hash는 Hash Table을 이용하여 데이터를 저장한다. 각 객체가 다른 코드값을 int로 생성해 인덱스로 사용하는데 이 알고리즘을 구현한 메소드를 Hash Method라고 하며 Hash Method에 의해 반환된 데이터 고유의 숫자 값을 Hash Code 라고 한다. 자바의 모든 클래스가 상속하고 있는 Object에는 hashCode()라는 메소드가 있다. (객체의 주소값같은 데이터라고 생각하자) 그래서 문자열의 hashCode() 메소드는 같은 ..

Map 컬렉션은 키(key) 와 값(value)으로 구성된 Entry 객체를 저장하는 구조를 가지고 있습니다. 여기서의 키와 값은 모두 객체입니다. 키는 중복 저장될 수 없지만 값은 중복 저장될 수 있습니다. 만약 기존에 저장된 키와 동일한 키로 값을 저장하면 기존의 값은 없어지고 새로운 값으로 대치됩니다. Map 컬렉션에는 HashMap, Hashtable, LinkedHashMap, Properties, TreeMap 등이 있습니다. 다음은 Map 컬렉션에서 공통적으로 사용 가능한 Map 인터페이스의 메소드들입니다. 키로 객체들을 관리하기 때문에 키를 매개값으로 갖는 메소드가 많습니다. 기능 메소드 설명 객체 추가 V put(K key, V value) 주어진 키와 값을 추가, 저장되면 값을 리턴 객..

셋(Set)은 중복을 허용하지 않는 데이터 집합입니다. 이전 포스팅 : 2019/12/04 - [DEV/JS] - [JS]맵(Map)과 셋(Set) -1 [JS]맵(Map)과 셋(Set) -1 ES6에서 새로 도입한 데이터 구조인 맵과 셋에 대해서 알아보겠습니다. 맵은 키와 값을 연결한다는 점에서 객체와 비슷하고, 셋은 중복을 허용하지 않는다는 점만 제외하면 배열과 비슷합니다. 이번 포스팅에서는.. ratseno.tistory.com 에서 사용한 예제를 다시 활용하겠습니다. 이번에는 한 사용자에게 여러 역할을 할당하고 싶다고 가정하겠습니다. 예를 들어 "User" 역할은 모든 사용자에게 할당되지만, 관리자는 "User" 역할과 "Admin" 역할을 동시에 가질 수 있습니다. 하지만 같은 사용자에게 같은 ..

ES6에서 새로 도입한 데이터 구조인 맵과 셋에 대해서 알아보겠습니다. 맵은 키와 값을 연결한다는 점에서 객체와 비슷하고, 셋은 중복을 허용하지 않는다는 점만 제외하면 배열과 비슷합니다. 이번 포스팅에서는 맵(Map)에 대해서 알아보겠습니다. 맵(Map) ES6 이전에는 키와 값을 연결하려면 객체를 사용해야 했습니다. 하지만 객체를 이런 목족으로 사용하면 여러 가지 단점이 생깁니다. 프로토타입 체인 때문에 의도치 않은 연결이 생길 수 있습니다. 객체 안에 연결된 키와 값이 몇 개나 되는지 쉽게 알아낼 수 없습니다. 키는 반드시 문자열이나 심볼이어야 하므로 객체를 키로 써서 값과 연결할 수 없습니다. 객체는 프로퍼티 순서를 전혀 보장하지 않습니다. Map 객체는 위의 단점들을 모두 해결했고, 키와 값을 연..

자바스크립트의 내장 메서드 중에서 가장 강력하고 유용하다고 알려진 map(), reduce() 함수에 대해서 알아보겠습니다. 개발을 하다보면 배열을 다뤄야하는 경우가 굉장히 많습니다. 최근에 filter()메서드를 유용하게 잘 써먹게되면서, 다른 메서드들에 대해서도 알아봐야겠다는 생각이 들었습니다. (ㅠㅠ 반복문으로 해결하려던 과거의 저를 되돌아보게됬습니다.) 함께 map(), reduce() 함수를 알아보도록 하겠습니다.! map() 메서드 arr.map(callback(currentValue[, index[, array]])[, thisArg]) 매개변수 callback : 새로운 배열 요소를 생성하는 함수. 다음 세 가지 인수를 가집니다. -currentValue : 처리할 현재 요소 -index(..