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