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

2023. 2. 23. 09:18· FrontEnd/자바스크립트
목차
  1. 소스코드
반응형

웹 프로젝트를 진행하면서 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

 

 

반응형
저작자표시 (새창열림)

'FrontEnd > 자바스크립트' 카테고리의 다른 글

[자바스크립트] ES6+ Template Literals  (0) 2024.07.12
[자바스크립트] ES6+ Object 선언 & 복사  (0) 2024.07.12
[자바스크립트] ES6+ 상수/변수 선언  (0) 2024.07.12
자바스크립트를 이용한 프로필 추가 기능 구현  (0) 2023.02.14
자바스크립트를 이용한 선택 검색 기능 / 전체 선택 및 해제 구현하기  (0) 2023.02.09
  1. 소스코드
'FrontEnd/자바스크립트' 카테고리의 다른 글
  • [자바스크립트] ES6+ Object 선언 & 복사
  • [자바스크립트] ES6+ 상수/변수 선언
  • 자바스크립트를 이용한 프로필 추가 기능 구현
  • 자바스크립트를 이용한 선택 검색 기능 / 전체 선택 및 해제 구현하기
Jong_seoung
Jong_seoung
기록하자, 머리는 생각하는 곳이지 저장장치가 아니다.
반응형
Jong_seoung
Today_developStory
Jong_seoung
전체
오늘
어제

블로그 메뉴

  • Home
  • Git Hub
  • 분류 전체보기 (351)
    • Theory (16)
    • Java (3)
      • 알고리즘 (2)
      • 문법 (0)
    • Spring (7)
      • 스프링 입문 (6)
      • PickTalk (0)
      • 에러처리 (1)
    • Python (80)
      • 알고리즘 - 이론 (17)
      • 알고리즘 - 내장함수, 라이브러리 등등 (3)
      • 알고리즘 - 백준 (53)
      • 나도코딩 정리 (2)
      • 기타 (5)
    • Django (159)
      • DRF (105)
      • 인프라 (46)
      • DataBases (2)
      • API Docs (6)
    • FrontEnd (22)
      • htmx (2)
      • React (8)
      • 자바스크립트 (12)
    • GIT (16)
    • 기타 (8)
      • 정리 (2)
      • Flutter (1)
      • 마이크로프로세서 - ATmega128 (2)
      • 개발환경 세팅 (3)
    • 자격증 (37)
      • 정보처리기사 (19)
      • SQLD자격증 (18)

인기 글

최근 글

태그

  • alarm
  • BFS
  • CSRF
  • Django
  • django channels
  • django sse
  • django tutorial
  • django 배포
  • django 스웨거 적용
  • Django 이미지 저장

최근 댓글

hELLO · Designed By 정상우.v4.3.0
Jong_seoung
자바스크립트에서 딕셔너리 만들기
상단으로

티스토리툴바

단축키

내 블로그

내 블로그 - 관리자 홈 전환
Q
Q
새 글 쓰기
W
W

블로그 게시글

글 수정 (권한 있는 경우)
E
E
댓글 영역으로 이동
C
C

모든 영역

이 페이지의 URL 복사
S
S
맨 위로 이동
T
T
티스토리 홈 이동
H
H
단축키 안내
Shift + /
⇧ + /

* 단축키는 한글/영문 대소문자로 이용 가능하며, 티스토리 기본 도메인에서만 동작합니다.