객체(JSON)
json은 엄밀히 말하면 객체에 대한 표기법이지 객체가 아님. 통용적으로 객체로 부른다.
자바스크립트의 객체는 {}로 표기한다.
{키:값, 키:값}
java의 map과 동일한 표현 방법으로 사용됨.
+)자바스크립트의 객체는 함수로도 표기한다. 사용은 거의 안함.
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
</head>
<body>
<script>
//객체의 표현 {}
var person={name:'hong', age:20, info:[1,2,3]};
console.log(person);
//객체의 접근방법이 2개입니다.
//1st -> .으로 접근
console.log(person.name);//hong
console.log(person.age);//20
console.log(person.info);//[1,2,3]
//2nd -> 이름[키]
console.log(person['name']);//hong
console.log(person['age']);//20
console.log(person['info']);//[1,2,3]
//객체 안에 객체
var exam={kor:10,eng:20};
var kim={name:'김길동',exam:exam};
//kim이 가지고 있는 kor값의 사용?
console.log(kim.exam.kor);
console.log(kim['exam']['kor']);
console.log(kim['exam'].kor);
console.log(kim.exam['kor']);
</script>
</body>
</html>
접근방법이 2가지인데, 보통 객체기반언어를 배운 사람들은 첫번째를, 바로 js를 배운 사람은 두번째 방법을 쓰곤 한다.
그래서 둘 다 알아야 함.
'JS' 카테고리의 다른 글
| 221229 JS 이벤트핸들러 (0) | 2022.12.29 |
|---|---|
| 221229 JS JSON함수 (0) | 2022.12.29 |
| 221228 JS 클로저은닉 (0) | 2022.12.28 |
| 221228 JS 클로저 (0) | 2022.12.28 |
| 221228 JS 전역변수 지역변수 (0) | 2022.12.28 |
