[자바스크립트기초] 변수와 객체에 대한 이해
[자바스크립트기초] 변수와 객체에 대한 이해 — #자바스크립트기초 #자바스크립트변수 #자바스크립트객체 학습법 이론 학습을 하기 이전, 명심해야할 학습...
#자바스크립트기초 #자바스크립트변수 #자바스크립트객체
학습법 이론
학습을 하기 이전, 명심해야할 학습법이 있다.
1.이해가지 않는다고 뒤돌아가 다시 보지 말 것
2.외우지 말라
=> 자주 봐서 외워짐을 당하라
=> 크롬을 통해 copy and paste하라
- 이해하는게 중요하다
=> 왜 생겨났는지?
=> 왜 사용하는지?
===> 응용이 가능해진다.
변수에 대한 이해
자바스크립트 변수에 대한 이해
변수란 하나의 공간이다. 데이터가 들어갈 하나의 공간, 여기에는 숫자,객체,배열,문자 등 다양한 데이터가 들어갈 수 있다.
1.자바스크립트 변수 표기법
⊙ var 변수명 = 할당할 무언가
⊙ let 변수명 = 할당할 무언가
⊙ const 변수명 = 할당할 무언가
2. =의 의미
=은 같다의 의미가 아니다. (js 같다의 의미는 == )
=은 왼쪽의 공간에 오른쪽을 넣는다의 의미이다.
3.var,let,const의 차이점
⊙ var 는 예전에 js에서 많이쓰던 변수이다. 요즘에는 잘 안쓴다.
⊙ let에 할당된 값은 변할 수 있다.
⊙ const에 할당된 값은 변할 수 없다.
tip) 변수는 최대한 안써야 좋다.
객체에 대한 이해
자바스크립트 객체에 대한 이해
객체에 대한 이해에 앞서 학습법 이론 3단계로 돌아가보자. 객체는 왜 생겼는가?
1.객체가 생긴 이유?
객체는 왜 생겨났을까. 아래 참고하자.
| let user1\_name= "스파이더맨";let user1\_age = "20" ;let user1\_isFemale = "false" ;let user2\_name= "아이언맨";let user2\_age = "42" ;let user2\_isFemale = "false" ;let user3\_name= "캡티마블";let user3\_age = "27" ;let user3\_isFemale = "true" ;let user4\_name= "블랙위도우";let user4\_age = "35" ;let user4\_isFemale = "true" ;let user5\_name= "앤트";let user5\_age = "40" ;let user5\_isFemale = "false" ;<ul class="panel"> | let user1={ name : "스파이더맨", age : "20", isFemale : "false", }let user2={ name : "아이언맨", age : "42", isFemale : "false",}let user3={ name : "캡틴마블", age : "27", isFemale : "true", } |
|---|
객체를 사용하지 않은 왼쪽은 user1부터 user5까지 각각의 이름,나이,성별에 대한 변수를 모두 만들어 값을 할당하였다. 이럴 경우 변수가 너무 많아져 일일이 만들기도 매우 귀찮고 비효율적이다. 또한 변수 하나하나가 RAM공간 차지하기에 좋지 못하다.
오른쪽은 객체를 사용하여 왼쪽과 동일한 데이터를 넣은 것이다. 변수가 훨씬 적어졌고, 변수하나에 값을 할당하면 되기 때문에 효율적이게 코드를 작성할 수 있다.
\*{} 대가로 안에 들어가는 값은 key: "value", 이다.
2.객체의 값을 호출하는 방법
| console.log(user1.name); | > "스파이더맨" |
|---|
| console.log(user1.age); | > "20" |
|---|
| console.log(user1.isFemale); | > "false" |
|---|
객체명.key로 안에 할당된 value를 가져올 수 있다.