(JavaScript) 리스트(배열)과 딕셔너리(객체)

list(배열)

리스트(배열)은 계란바구니를 떠올리면 된다.

여러개의 계란을 한꺼번에 담는 바구니처럼 여러개의 값을 한꺼번에 담는 그릇을 리스트로 보면됨.

 

리스트를 선언할때 변수이름 아무거나 가능.

ex)let b_list = [1,2,'hey',3]  리스트에 여러개의 값을 담는다

 

*꺼낼때(출력할때)는

b_list[1] // 2를 출력

b_list[2] // hey를 출력

이유는 [1]은 첫번째를 출력하라는 말이고 [2]는 두번째를 출력하라는 말인데

리스트는 0번째부터 시작한다. 그래서 첫번째인 2를 출력하게된다.

console.log(b_list[1])  //값을 찍을때, 출력할때 쓰임

 

//리스트에 새로 추가해서 넣을때는 .push를 넣는다.

ex) b_list.push( '헤이' )

b_list // [1,2,"hey",3,"헤이"]를 출력

 

*리스트에 담은 개수 길이 구할때는 .length

ex) b_list.length

 

딕셔너리(객체) : 키(key)-밸류(value) 값의 묶음

쉽게 말해 전화본호부를 떠올리면 된다.

key와 value의 쌍으로 존재하는 값의 형태를 딕셔너리(객체)라 한다.

 

딕셔너리 선언

let b_dict = {}  //변수이름 아무거나 가능, 중괄호 형태로 선언

 

ex)let b_dict = {'name':'Bob' , 'age':21} // 딕셔너리 선언 name라는 키에 Bob라는 값을 넣는다, age라는 키에 21이라는 값을넣는다.

출력할때는 키값으로 꺼낸다.(2가지 방식)

b_dict = ['name'] // 'Bob'을 출력 

b_dict.name 이렇게 출력하는 방법도 있다.

 

b_dict = ['age']  //  21을 출력

b_dict.age

ex) console.log(b_dict['name'])  //출력할때 Bob 출력

 

새로운 값을 넣을때는 

b_dict['height'] = 180  // 딕셔너리에 키 벨류 넣기

 

앱상에 프론트에서는 다양한 데이터를 복합적으로 보여줘야하기 때문에

리스트와 딕셔너리를 주로 조합해서 사용해야함.

 

리스트와 딕셔너리 조합 사용

 

ex) names = [{'name':'bob' , 'age':20} , {{'name':'carry' , 'age':38}

//names라는 변수에 []대활호 리스트안(배열 그릇)에 {}딕셔너리가 있다.

//names[0] ['name']의 값은? 'bob' 

//names[1] ['name']의 값은? 'carry'

 

new_name={'name':'jone' , 'age':7} // 딕셔너리 새로 추가

names.push(new_name) // 리스트에 새로 추가

 

*수많은 고객 데이터를 담기 위해서는 리스트 형태로 판을 짜고 그안에 여러 갖가지 고객에 대한 복합 데이터는

딕셔너리로 구성을 한다.