LHJ

I'm a FE developer.

6-2. 오브젝트(Object) / Object 프로퍼티 열거, 프로퍼티 값 추출, for in 문

21 Nov 2020 » js_beginner

41. Object 프로퍼티 열거, 프로퍼티 값 추출, for in 문

프로퍼티 값 추출

  • 오브젝트에서 프로퍼티 값 추출

    • var obj = {book: “책”}
    • var value = obj.book;

  • obj 오브젝트에 프로퍼티 이름인

    • book 이 있으면 프로퍼티 값 반환
    • book 이 없으면 undefined 반환

        var obj = {book: ""};
        console.log(obj.book); // 책
        console.log(obj["sports"]); // undefined
      
      1. obj.book
        obj 오브젝트에 프로퍼티 이름으로 book이 있으므로 프로퍼티 값인 “책”이 반환됩니다.
      2. obj[“sports”]
        obj 오브젝트에 프로퍼티 이름으로 sports 가 없으므로 undefined 가 반환됩니다.

for ~ in

  • 오브젝트에서 프로퍼티를 열거
var sports = {
    soccer: "축구",
    baseball: "야구"
}
for (var item in sports) {
    console.log(item);
    console.log(sports[item]);
}
// soccer
// 축구
// baseball
// 야구
  • 형태 :
    for (변수 in 오브젝트) 문장;
    for (표현식 in 오브젝트) 문장;
  • for (var item in sports) {코드}

    • 프로퍼티 이름이 item 에 설정
    • sports[item]으로 프로퍼티 값을 구함
    • 프로퍼티를 작성한 순서대로 읽혀진다는 것을 보장하지 않음
      그런데 ES3에선, 프로퍼티를 작성한 순서.. 위에 작성한 순서대로 읽혀진다는 것을 보장하지 않았습니다.
      ES5 부턴 작성된 순서대로 읽혀집니다.