간단한 JSON 확인!
<!DOCTYPE html>
<meta charset="UTF-8" />
<script>
//JSON (JavaScript Object Notation) 거의 데이터통신 표준포맷
let name = "merong";
var jungsu = { // 중괄호를 붙이면 내부적으로 new Object()가 됨. 객체생성
name: "정수", // 앞의 속성명(key)은 문자열 처리되기 때문에 변수처리 안됨!
"role": "개그맨",
songs:["뽀뽀뽀","뽀로로"]
};
console.log(jungsu);
</script>
<!DOCTYPE html>
<meta charset="UTF-8" />
<script>
//JSON (JavaScript Object Notation) 거의 데이터통신 표준포맷
let name = "merong";
var jungsu = { // 중괄호를 붙이면 내부적으로 new Object()가 됨. 객체생성
name, // 속성명과 변수이름이 같으면 생략도 가능! 권장 사항 아님
role: "개그맨",
songs:["뽀뽀뽀","뽀로로"]
};
console.log(jungsu);
</script>
. 접근법이 성능이 더 좋아서 많이 사용하지만 특별한 로직이 얽혀있거나 편하게 쓰고 싶을 때 사용한다.실제로 이렇게 작성하면 배열처럼 써지고
[”name”]은 문자열로 인식하지만 ""를 하지 않으면 → [name] 변수 처리가 가능해짐 (동적처리 가능)!
<!DOCTYPE html>
<meta charset="UTF-8" />
<script>
//JSON (JavaScript Object Notation) 거의 데이터통신 표준포맷
// 배열식 접근 법 -> 엄첨엄청 중요!!
var name = "음하하하하";
var jungsu = {
[name]: "정수", // 여기서 name에 ""를 하면 문자열로 인식하지만 ""를 하지 않으면 변수 처리가 가능해짐(동적처리 가능)!
["1"]: "개그맨",
["2"]:["뽀뽀뽀","뽀로로"]
};
// junsu.3 요거는 변수 선언 규칙 위반! (숫자를 변수명이 시작될 순 없다!)
// junsu.name 이거는 ["name"] 일 때 -> 정수, 하지만 console.log(jungsu[name]) 하면 undefined 뜸 ["name"] 이라 해야함
// [name] 일 때 -> undefined,하지만 console.log(jungsu[name])하면 정수가 뜸
// console.log(jungsu.음하하하하) 를 하면 -> 정수가 출력된다.
console.log(jungsu);
console.log(jungsu[1]);
console.log(jungsu[2]);
</script>
확인해보면 “음하하하하” 가 동적처리로 key값으로 들어간 것을 볼 수 있다.
. 기법이아니라 배열식 접근법 이용하여 동적으로 처리해보기!