초급 시리즈: 개체 및 개체 메서드

5985 단어

사물


  • 여러 값을 결합하는 데이터 구조

  • const personObject = {
      firstName: 'John',
      lastName: 'Doe',
      age: 2050 - 2010,
      job: 'Teacher',
      family: ['Jane', 'Amber']
    };
    


  • 5개의 키-값 쌍으로 개체가 생성되었습니다.
  • 키는 속성이라고도 합니다.
  • 개체를 만드는 가장 간단한 방법입니다.

  • 보다 정렬된 DATA용 배열, 구조화되지 않은 DATA용 객체


    console.log(personObject)를 시도하면 개체 속성이 사전순으로 정렬되어 있는지 확인할 수 있습니다.

    객체의 속성을 얻는 방법



    점 표기법




    console.log(personObject.firstName);
    


  • DOT는 연산자이므로 개체로 이동하여 데이터를 검색합니다.

  • 괄호 표기법




    console.log(personObject["firstName"]);
    


    차이점에 대한 예





    점 또는 대괄호 표기법으로 새 ​​속성 추가




    personObject.location = 'Brazil';
    personObject['twitter'] = '@mpfdev';
    
    console.log(`${personObject.firstName} has ${personObject.family.length} family members, and his twitter is ${personObject.twitter} make sure to follow :)`);
    


    메서드가 있는 템플릿 문자열을 사용할 수 있습니다.

    객체는 모든 종류의 데이터 유형을 가질 수 있습니다.




    const personObject = {
      firstName: 'John',
      lastName: 'Doe',
      job: 'Teacher',
      family: ['Jane', 'Amber'],
      hasCertificate: true,
      workAge: 21,
    
      calcRetirement: function () {
        return 35 - this.workAge;
      }
    };
    


  • 보시다시피 객체는 문자열, 숫자, 배열, 부울 및 함수를 포함할 수 있습니다.
  • 함수를 선언할 수는 없지만 함수 표현식을 사용하여 함수를 만들 수 있습니다. 메소드

  • 함수 표현식 및 console.log의 예





    그리고 오늘은 여기까지!

    당신이 그것을 즐겼기를 바랍니다!

    좋은 웹페이지 즐겨찾기