[자바스크립트] 리스트 & 딕셔너리 그리고 조합하여 사용하기

리스트 (list)

순서와 관련된 형태로 배열이라고도 부릅니다.

리스트는 대괄호 [] 안에 선언할 수 있습니다.

 

리스트 선언

위와 같은 방법으로 변수에 리스트를 선언할 수 있습니다.

 

또한 이미 만들어진 리스트에 요소를 넣을 수도 있습니다.

리스트 추가

위와 같은 명령어를 사용하게 되면 기존에 지정되었던 list 변수의 마지막에 'C'가 추가되게 됩니다.

'C'를 추가하고 난 뒤 list 출력

리스트를 출력하는 방법은 크게 2가지가 있습니다.

리스트[숫자]를 이용해서 하나의 값을 확인하는 방법과 리스트를 그대로 작성하여 전체를 출력하는 방법입니다.

list 출력 방법

위의 사진을 보면 알겠지만 list[1]를 출력했는데 list 안의 2번째 값이 출력된 것을 확인할 수 있습니다.

그 이유는 리스트의 값을 0부터 읽기 때문에 list[0]에는 5의 값이 list[1]에는 10의 값으로 인식됩니다.

 

리스트.length을 이용하여 리스트의 총 길이도 구할 수 있습니다.

list 길이 구하기

위의 사진과 같이 list 변수의 총 길이를 출력하게 됩니다.

딕셔너리 (dictionary)

키(key)와 밸류(value)의 값으로 이루어진 형태로 객체라고도 부릅니다.

딕셔너리는 중괄호 {} 안에 선언할 수 있습니다.

 

딕셔너리 선언

위와 같은 방법으로 변수에 딕셔너리를 선언할 수 있습니다.

이렇게 선언된 딕셔너리의 'name'은 key 값이 되고, 'JGyuni'는 value 값이 됩니다.

 

또한 이미 만들어진 딕셔너리에 key와 value를 추가할 수도 있습니다.

딕셔너리 추가

위와 같은 명령어를 사용하게 되면 기존에 지정되었던 dict 변수의 마지막에 'country'라는 key와 'Korea'라는 value가

추가되게 됩니다.

county를 추가하고 난 뒤 dict 출력

딕셔너리 또한 리스트와 같이 출력하는 방법이 여러 가지 있습니다.

딕셔너리를 출력하는 여러가지 방법

위의 사진과 같이 딕셔너리를 대괄호 안에 key 값을 주어 호출하는 방법과 연결 연산자(.) 뒤에 key 값을 주는 방식과

전체 딕셔너리 key와 value 값을 한 번에 보는 방법이 있습니다.

 

리스트와 딕셔너리 응용

앞서 알아본 리스트와 딕셔너리는 서로 조합하여 사용할 수도 있습니다.

리스트와 딕셔너리의 조합

위의 사진과 같이 리스트와 딕셔너리를 조합하여 사용할 수도 있습니다.

리스트와 딕셔너리 출력 방법

또한 리스트와 딕셔너리를 조합하였을 때 기존의 리스트와 같이 호출할 때 0번부터 인식되는 것을 알 수 있습니다.

리스트 안에 존재하는 딕셔너리의 한가지의 값만 알고 싶으면 원하는 요소를 입력하여 해당 요소만 확인할 수도 있습니다.

기존 리스트와 딕셔너리에서 추가를 했었던 것과 같이 이 조합에서도 중간에 추가할 수 있습니다.

리스트안에 딕셔너리 추가하기

변수에 딕셔너리 값을 넣고 리스트에 추가하기

위의 사진과 같이 리스트 안에 딕셔너리를 직접 적어 넣을 수도 있고 변수에 딕셔너리 값을 넣고 변수를 호출하여 추가하는

방법이 있습니다.

리스트 출력 결과

리스트를 출력해보면 위의 결과와 같이 리스트 안에 딕셔너리가 잘 추가되었다는 것을 알 수 있습니다.

쉽게 사용하는 방법

그리고 리스트와 딕셔너리를 구분하여 작성하면 좀 더 보기 쉽게 작성할 수 있습니다.