변수 / 자료형
변수
변수 : 속성을 담는 그릇
<head>
<script>
let a = '대한';
let b = '민국';
console.log(a+b);
</script>
</head>결과 화면(콘솔창)에서는 대한민국 이라고 출력된다.
자료형
리스트 / 딕셔너리
리스트
a라는 변수에 사과 뿐만 아니라 수백개의 과일을 담고자 할 때, 이런 상황에서 쓰인다.
let fruit = ['사과', '배', '수박'];
console.log(a)
// 사과만 꺼내고 싶을 때, 프로그래밍 언어는 0부터 시작 //
console.log(a[0])딕셔너리
사과, 배, 수박과 같이 같은 종류이지만 완전히 다른 정보가 아니라,
Bob이라는 사람의 이름, 나이, 키와 같이 한 정보에 종속되는 여러가지 정보를 사전처럼 하나의 그릇에 담고자 할 때 사용한다.
let person = {'name':'bob', 'age':30, 'height':180}
console.log(person)
// name만 꺼내고 싶을 때 //
console.log(person['name'])코딩의 문법을 이해할 때 [] 와 같은 대괄호가 리스트에서 쓰였다고 해서 그 원리를 파악하고자 접근하면 수없이 많은 문법을 이해하기 어렵다. 기본형 자체를 받아들이고 암기하려는 자세가 중요하다.
위 경우에서 name만 꺼낼 때 ['name']과 같은 형태로 속성값을 지정했는데 딕셔너리를 지정할 땐 {} 중괄호를 썼고 리스트를 지정할 때 [] 대괄호를 썼기 때문에 이에 의문을 가지면 공부를 하기 힘들어질 수 있다.
기본형 자체를 암기하거나 받아들일 것!
let person = {'name'='bob', 'age':30, 'height':180}
let name = person['name']
let age = person['age']
console.log(name, age)
// 위와 같은 형태로도 name과 age만 변수에서 가져올 수 있다. //
출처 : 스파르타코딩클럽
'Programing > JavaScript' 카테고리의 다른 글
| 반복문 (0) | 2024.02.26 |
|---|---|
| 조건문 (0) | 2024.02.26 |
| Comparison operators(비교 연산자)와 Boolean (0) | 2024.02.24 |
| 특정 class나 ID를 지목하기 (0) | 2024.02.23 |
| HTML에 JavaScript 적용시키기 (0) | 2024.02.23 |
댓글