<vanilla JS_ #1.10 Organizing Data with Objects>

insum·2019년 8월 26일
0

Vanilla JS

목록 보기
3/6
  1. 배열과 객체의 다른점
    Object에는 각 value에 이름을 줄 수 있다.
    객체 선언을 하고 싶으면 {} 사용
const janeInfo = {
  name: "jane",
  age: 23,
  gender: "anything",
  isItHuman: true
  }
//저기서 key갑들은 변수다.
//console창에 찍다가 true 오타나서 자꾸 에러 떴었다.

gender값만 받고 싶으면?

console.log(janeInfo.gender);
//-->anything

Const안에 있는 값
gender의 value를 바꾸고 싶다면?

janeInfo.gender = "maybeFemale"
//-->"maybeFemale"

Also
1) 객체안에 배열을 넣을 수 있다.
2) 객체안의 배열에 또 객체를 넣을 수 있다.
3) 가장 중요한 자바스크립트 문법 규칙
-객체 값 사이사이에 콤마 , 빼먹지 말기
-스트링 쓸 때 " " 빼먹지 말기
-오타 잘 확인하기...

const janeInfo = {
	name: "jane",
 	age: 23,
 	gender: "anything",
 	isItHuman: true,
 	favFood: ["coffee", "만두", "라면"],
 	favSong: [
		{shinee:"I want you",
		isItGood: true
		},
		{boa: "only one",
		isItBad: false 
		}
	]
}
  1. true 오타나서 계속 에러났다.. T R U E 외 우 자 T R U E

  2. 배열 값에 " " 따옴표 안써줘서 계속 에러났다...

Objecet에 접근하기

console.log
(janeInfo.favSong[0].isItGood)
//--> true

객체를 많이 만들어보고, 접근하는것도 여러번 따라해봐야겠다.

profile
Hello!

0개의 댓글