wisePocket

[JavaScript] JavaScript의 Dictionary 사용법 본문

Python&Flask Tutorials, AWS EB/2nd WEEK JavaScript, JQuery, Fetch, API

[JavaScript] JavaScript의 Dictionary 사용법

ohnyong 2023. 6. 28. 23:28

****Dictionary란 key, value 형태로 구성된 collection

 

 

아래 코드와 같이 로그를 확인했을 때 값이 나타나는 것을 주의해서 살펴봐야한다.

Java의 배열과 햇갈리는 부분이지만 문법의 규칙만 []와 {}의 차이를 생각하면 된다.

 

index는 [0]부터 시작한다. [1]부터가 아니다

let a = ['사과','수박','딸기','감']
console.log(a[0]) //사과
console.log(a[1]) //수박
console.log(a[2]) //딸기
console.log(a[3]) //감

 

{}에 포함된 것들을 불러올 때 []로 마치 key값 : value값, key값 : value값 으로 연결 된 것을 확인 할 수 있다.

let b = {'name' : '영수', 'age' : 27}
console.log(b['name']) //영수
console.log(b['age']) //27

 

응용부분이다. 변수가 [{},{},{}]와 같은 형태로 선언되었을때

각 항목은 배열로 구분되며 각 index마다  {key,value}로 변수가 선언된다.

불러 올 때는 해당 배열의 '변수[index값][key값]'으로 value 값을 불러온다.

let c = [
{'name' : '영수', 'age':27},
{'name' : '철수', 'age':13},
{'name' : '수희', 'age':31},
]
console.log(c[0]['age']) //27
console.log(c[1]['age']) //13
console.log(c[2]['age']) //31
console.log(c[0]['name']) //영수
console.log(c[1]['name']) //철수
console.log(c[2]['name']) //수희

 

 

해당 스터디는 아래 깃을 통해 업데이트 되고 있습니다.

https://github.com/yzpocket/Sparta99training

 

GitHub - yzpocket/Sparta99training

Contribute to yzpocket/Sparta99training development by creating an account on GitHub.

github.com