자바스크립트 기본문법[자료형(Data Type) - 리스트(List) & 딕셔너리(Dictonary)] | 아무것도 모르고 시작하는 코딩

자바스크립트에서 리스트(List) 와 딕셔너리(Dictonary)는 자료를 담는 형태를 의미한다

(가장 많이 쓰이는 형태이다)

 

리스트

순서를 지켜서 가지고 있는 형태

 

let multiList = [1,2,'hey',3]; // 로 선언

console.log(multiList); // (4) [1, 2, 'hey', 3]을 출력
// 대부분의 프로그래밍 언어는 index가 0 부터 시작합니다.
console.log(multiList[1]); // 2 를 출력
console.log(multiList[2]); // 'hey'를 출력

// 리스트에 요소 넣기
multiList.push('헤이');
console.log(multiList); // [1, 2, "hey", 3, "헤이"] 를 출력

// 리스트의 길이 구하기 - 반복문에서 유용하게 쓰여요!
console.log(multiList.length); // 5를 출력

 

let multiList = [1,2,'hey',3];  →  multiList를 순서대로 1,2,'hey',3의 값을 가지고 있는 리스트함수라고 하자

console.log(multiList);  →  multiList의 값을 출력해라
(이러면 전체 개수(4)와 값[1, 2, 'hey', 3]이 출력된다)

console.log(multiList[1]);  →  multiList의 값 중 1번째 값을 출력해라
(모든 리스트의 시작은 첫번째가 아니라 0번째 이다. 따라서 값은 2가 된다)

multiList.push('헤이'); →  multiList의 값 마지막에 '헤이'를 넣어라

console.log(multiList.length);  →  multiList의 길이(항목의 개수)를 출력해라
('헤이'가 추가되어 총 5개의 항목이 들어있기 때문에 값은 5가 된다)

 

 

딕셔너리

딕셔너리(Dictonary): 키(key)-값(value) 값 쌍

 

let wizard = {'name':'Harry Potter','age':40}; // 로 선언 가능
console.log(wizard['name']); // 'Harry Potter'를 출력
console.log(wizard['age']); // 40을 출력

wizard['height'] = 173; // 딕셔너리에 키:밸류 넣기
console.log(wizard); // {name: "Harry Potter", age: 40, height: 173}을 출력

 

let wizard = {'name':'Harry Potter','age':40};  →  wizard를 name은 Harry Potter, age는 40의 값을 가진 인수를 가지고 있는 딕셔너리 함수라고 하자

console.log(wizard['name']);  →  wizard 함수에서 name의 값을 출력해라
(출력할 수 있는 키는 name이나 age 이다. 그리고 name의 값은 Harry Potter 이다)

wizard['height'] = 173;  →  wizard 함수에 173이라는 값(value)을 가진 height 키(key)를 삽입해라
(이러면 함수값은 {name: "Harry Potter", age: 40, height: 173} 이 된다.)

 

리스트 & 딕셔너리

 

let wizards = [{'name':'Harry Potter','age':40},{'name':'Ron Weasley','age':40}]

console.log(wizards[0]['name']);
// wizards[0]['name']의 값은? 'Harry Potter'
console.log(wizards[1]['name']);
// wizards[1]['name']의 값은? 'Ron Weasley'

newWizard = {'name':'Albus Potter','age':14};
wizards.push(newWizard);

console.log(wizards);
// wizards의 값은? [{'name':'Harry Potter','age':40},{'name':'Ron Potter','age':40}, {'name':'Albus Potter','age':14}]
console.log(wizards[2]['name']);
// wizards[2]['name']의 값은? 'Albus Potter'

 

let wizards = [{'name':'Harry Potter','age':40}, {'name':'Ron Weasley','age':40}];  →  wizards를 name은 Harry Potter, age는 40의 값을 가진 인수와, name은 Ron Weasley, age는 40의 인수를 가진 순서를 가지고 있는 함수라고 하자

console.log(wizards[0]['name']);  →  wizard 함수에서 0번째 인수 중 name의 값을 출력해라
(0번째 인수는 {'name':'Harry Potter','age':40}이고 이 중 name의 값은 Harry Potter 이다)

newWizard = {'name':'Albus Potter','age':14}; →  {'name':'Albus Potter','age':14}의 값을 가진 함수를 newWizard 함수하고 하자
wizards.push(newWizard); →  newWizard 함수를 wizards 함수에 삽입해라

 

* 자료형은 많은 양의 정보를 묶기에 좋은 함수이다. 새로운 정보들은 .push로 추가하며 자료를 관리할 수 있다. 

 

공감 부탁 드려요 :)