[JavaScript] JSON(3) 확장 , 반복문

01. JSON의 확장

01-1. 존재하지 않는 값에 대한 출력 - undefined

객체 안에 들어있지 않은 값을 입력하면, undefined 이 출력 된다.

const list = {
name : '홍길동',
age : 19
}
// 존재 하지 않는 값을 호출
console.log(list.number); // undefined 출력

01-1(2). 존재하지 않는 값을 활용한 연산 - NaN

존재하지 않는 값(undefined) 에 + 1 을 할 경우 숫자가 아닌 결과 값이 되므로
NaN 이 출력 되는 걸 볼 수 있다.

const list = {
name : '홍길동',
age : 19
}
const nextNum = list.number+1;
console.log(nextNum);

01-2 존재하지 않는 key에 대한 대입

존재 하지 않는 key의 값을 넣어주면, 추가 되는걸 볼 수있다.

list.email = "hello@world.com";
console.log(list);
// { name: '홍길동', age: 19, email: 'hello@world.com' }

01-3 빈 객체 확장

빈 객체를 만들고 해당 객체 속에 값을 대입 시키면 추가 되는 걸 볼 수 있다.

const myJson = {}; // 빈객체
console.log(myJson);
for(let i = 0 ; i < 10 ; i++){
    const key = "value" + i;
    myJson[key] = i * 100;
}
console.log(myJson);

02. JSON 반복문

02-1. for..In

for...in문은 상속된 열거 가능한 속성들을 포함하여 객체에서 문자열로 키가 지정된 모든 열거 가능한 속성에 대해 반복합니다. (Symbol로 키가 지정된 속성은 무시합니다.)

const student = {
    studno : 10101,
    grade : 1,
    name : "학생1",
    phoneo : "010-1234-2345"
};
// JSON이나 멤버 변수를 갖는 객체에 대한 반복문
for(let key in student) {
    console.group(key);
    console.log(student[key]);
    console.groupEnd();
}
/*
studno [key]
  10101 [key.value]
grade
  1
name
  학생1
phoneo
  010-1234-2345
 */