자바스크립트 객체

자바스크립트 객체

2022-10-19 last update

6 minutes reading beginners javascript node webdev

물체


  • 기본이 아닌 데이터 유형입니다.
  • 여러 데이터 컬렉션을 저장합니다.
  • 간단히 말해서 js Object는 키-값 쌍의 모음입니다.

  • key: value
    




    통사론




    const object_name = { 
        key_1: value_1,
        key_2: value_2,
        key_n: value_n
    }
    


    객체 생성




    const person = {
      firstName: 'Manikandan',
      lastName: 'MK',
      age: 24,
    };
    
    console.log(typeof person); // object
    console.log(person); // { firstName: 'Manikandan', lastName: 'MK', age: 24 }
    


    설명:
    객체는 키-값 쌍의 모음입니다.

       person                    - object name,
       firstName, lastName, age  - key/name. (left side)
       Manikandan, mk, 24        - value. (right side)
    

    키-값 쌍을 속성이라고 합니다.

    액세스 개체

    1. 점 표기법

    통사론:

    Object_name.key
    


    예시:

    const person = {
      firstName: 'Manikandan',
      lastName: 'MK',
      age: 24,
    }; 
    
    console.log(person.firstName); // Manikandan
    




    2. 대괄호 표기법

    통사론:

      ObjectName["propertyName"]  (property name is nothing key name)
    



    Example: 
    const person = {
        firstName: 'Manikandan',
        lastName: 'MK',
        age: 24
        }
    
        console.log(person['firstName']);   // Manikandan
    




    중첩된 개체



    중첩된 개체는 다른 개체를 포함하는 개체일 뿐입니다.

    Example:
    
    const person = {
      firstName: 'Manikandan',
      lastName: 'MK',
      age: 24,
      physicalDetails: {
        height: 170,
        weight: 70,
      },
    };
    
    console.log(person.physicalDetails); // { height: 170, weight: 70 }
    console.log(person.physicalDetails.height); // 170
    




    개체에서 속성 추가


    개체에서 속성 제거