자바스크립트에서 딕셔너리 만들기

웹 프로젝트를 진행하면서 html에서 views.py로 데이터를 전송해줘야 할 필요가 있었는데 데이터를 딕셔너리 형태로 변환해 줘서 보내야 했다. 

 

딕셔너리는 key값과 value값을 가지고 저장이 되어서 key값으로 접근하여 원하는 값을 빠르게 찾을수 있다는 장점이 있어다.

 

물론 파이썬에서는 딕셔너리를 완벽히 구현할 수 있으나 자바스크립트는 아직 부족한 부분이 많아 정리해 두려고한다 아래의 예제들만 알면 앞으로 딕셔너리 구현은 쉽게 할수 있을거 같다. 

 

 

 

소스코드

// Dictionary 사용하는 방법
var dictObject = {}
dictObject['apple'] = '사과';
dictObject['banana'] = '바나나';
dictObject['orange'] = '오렌지';
console.log(dictObject) // Object {apple: "사과", banana: "바나나", orange: "오렌지"}

// Dictionary 출력
for (var key in dictObject) {
  console.log("key : " + key + ", value : " + dictObject[key]);
}

// Dictionary 추가, 제거
dictObject['grape'] = '포도'; // 추가
delete dictObject['grape']; // 삭제 (제대로 삭제 되면 true, 아니면 false)

// 모든 key를 가져오는 방법
Object.keys(dictObject); // ["apple", "banana", "orange"]

// Dictionary 길이 구하는 방법
Object.keys(dictObject).length; // 3

// key으로 딕셔너리에 값이 있는지
"banana" in dictObject // true
"grape" in dictObject // false

// 딕셔너리의 마지막 값을 키값을 통해 가지고 오는 방법
var lastKey = Object.keys(dictObject)[Object.keys(dictObject).length - 1]
console.log("last key = " + lastKey);
// orange