[JavaScript] 자바스크립트 Dictionary 사용하는 방법
들어가며
JavaScript를 하면서 가장 많이 사용하는게 Collection이 리스트라고 생각한다. 그 다음에는 Dictionary가 아닐까 싶다. 사실 Python을 할 때도 Dictionary는 매우 유용하게 자주 사용한다. Dictionary는 key, value의 pair로 저장하게 되는데 리스트에서 인덱스로 접근하는거와 다르게 key의 값으로 접근하기 때문에 원하는 값을 찾을때 빠르게 찾을 수 있는게 장점이다. 아래 예제 정도만 알면 Dictionary 구현은 쉽게 할 수 있지 않을까 싶다. 추가적으로 필요한 내용이 생각나면 바로바로 추가를 해야겠다.
소스코드
// Dictionary 사용하는 방법
var dictObject = {}
dictObject['banana'] = '바나나';
dictObject['hong'] = '홍';
dictObject['monkey'] = '원숭이';
console.log(dictObject) // Object {banana: "바나나", hong: "홍", monkey: "원숭이"}
// Dictionary 출력
for (var key in dictObject) {
console.log("key : " + key +", value : " + dictObject[key]);
}
// Dictionary 추가, 제거
dictObject['elephant'] = '코끼리'; // 추가
delete dictObject['elephant']; // 삭제 (제대로 삭제 되면 true, 아니면 false)
// 모든 key를 가져오는 방법
Object.keys(dictObject); // ["banana", "hong", "monkey"]
// Dictionary 길이 구하는 방법
Object.keys(dictObject).length; // 3
// key를 체크하는 방법
"moneky" in dictObject // true
"elephant" in dictObject // false
// key의 마지막 값 가져오는 방법
var lastKey = Object.keys(dictObject)[Object.keys(dictObject).length - 1]
console.log("last key = " + lastKey);
// monkey
'Javascript > JavaScript' 카테고리의 다른 글
[javascript] js.cookie를 이용한 오늘 하루 열지 않기 팝업 구현하기 (0) | 2021.05.02 |
---|---|
[웹프로그래밍] HTML 페이지 데이터 로딩 화면 구현하기 (0) | 2021.05.02 |
[Javascript] jQuery를 이용해 검색 화면 및 기능 구현 (0) | 2021.04.30 |
[JavaScript] 자바스크립트 Ajax 사용하는 방법 (POST/GET) (0) | 2021.04.30 |
자바스크립트 함수, 이것으로 종결하자 (0) | 2021.03.29 |
자바스크립트(JavaScript) 실행 구조와 프로그램 평가, 실행과정 (0) | 2021.03.29 |
ECMAScript 6 (0) | 2021.03.23 |
V8 javascript 엔진 (Hidden Class, 인라인캐싱, 메모리구조, 호출스택, heap, GC) (0) | 2021.03.23 |