ABOUT ME

-

Today
-
Yesterday
-
Total
-
  • 객체
    개발 지식/자바스크립트 2022. 7. 22. 16:52

     

     

     

    let fruit = prompt("어떤 과일을 구매하시겠습니까?", "apple");
    
    let bag = {
      [fruit]: 5, // 변수 fruit에서 프로퍼티 이름을 동적으로 받아 옵니다.
    };
    
    alert(bag.apple);

    위 예시에서 [fruit]는 프로퍼티 이름을 변수 fruit에서 가져오겠다는 것을 의미한다. 사용자가 프롬프트 대화상자에 apple을 입력했다면 bag엔 {apple: 5}가 할당되었을 것이다. 

     

     

    function makeUser(name, age) {
      return {
        name: name,
        age: age,
        // ...등등
      };
    }
    
    let user = makeUser("John", 30);
    console.log(user.name);	// "John"
    console.log(user.age);	// 30

    할당 받은 user의 속성값들을 출력한다.

     

     

     

    let obj = {
      0: "test" // "0": "test"와 동일합니다.
    };
    
    // 숫자 0은 문자열 "0"으로 변환되기 때문에 두 얼럿 창은 같은 프로퍼티에 접근합니다,
    alert( obj["0"] ); // test
    alert( obj[0] ); // test (동일한 프로퍼티)

    두 경우 모두 같은 "test" 라는 값을 출력한다.

     

     

    let user = { name: "John", age: 30 };
    
    alert( "age" in user ); // user.age가 존재하므로 true가 출력됩니다.
    alert( "blabla" in user ); // user.blabla는 존재하지 않기 때문에 false가 출력됩니다.

    각 "string"에 해당하는 프로퍼티가 있다면 true를 출력하고, 그렇지 않으면 false를 출력한다.

     

     

    '개발 지식 > 자바스크립트' 카테고리의 다른 글

    new 연산자와 생성자 함수  (0) 2022.07.25
    this  (0) 2022.07.24
    참조에 의한 객체 복사  (0) 2022.07.23
    화살표 함수 기본  (0) 2022.07.22
    형 변환  (0) 2022.07.22

    댓글

Designed by Tistory.