> 웹 프론트엔드 > JS 튜토리얼 > js의 객체란 무엇인가요?

js의 객체란 무엇인가요?

下次还敢
풀어 주다: 2024-05-07 20:54:22
원래의
861명이 탐색했습니다.

JavaScript의 개체는 관련 데이터를 저장하고 구성하며 실제 엔터티나 개념을 나타낼 수 있는 비원시 데이터 유형입니다. 키는 문자열인 키-값 쌍을 포함하는 컬렉션으로 구성됩니다. 객체는 리터럴 구문이나 생성자를 사용하여 생성할 수 있으며 해당 속성은 점 또는 대괄호 표기법을 통해 액세스할 수 있습니다. 객체는 특정 작업을 수행하거나 내부 상태를 수정하는 데 사용되는 키-값 쌍으로 메서드(함수)를 저장할 수도 있습니다.

js의 객체란 무엇인가요?

JavaScript의 객체란 무엇인가요?

객체는 JavaScript에서 관련 데이터를 저장하고 구성하는 데 사용되는 비원시 데이터 유형입니다. 이는 키-값 쌍의 모음입니다. 여기서 키는 문자열이고 값은 문자열, 숫자, 배열 또는 다른 개체와 같은 유효한 JavaScript 값일 수 있습니다.

사물의 특징:

  • 은 현실 세계의 실체나 개념을 표현하는 데 사용됩니다.
  • 여러 유형의 데이터를 포함할 수 있습니다.
  • 키는 고유한 문자열이어야 합니다.
  • 값은 다른 객체를 포함한 모든 JavaScript 값이 될 수 있습니다.
  • 점 또는 대괄호 표기법을 사용하여 개체에 액세스할 수 있습니다.

객체 생성:

두 가지 방법을 사용하여 객체를 생성할 수 있습니다.

  • 리터럴 구문: 키-값 쌍 컬렉션을 직접 정의합니다. 예:

    <code>const person = {
    name: "John Doe",
    age: 30,
    email: "johndoe@example.com"
    };</code>
    로그인 후 복사
  • 생성자: 객체를 생성하려면 new 키워드와 생성자를 사용하세요. 생성자는 객체 생성 및 초기화를 담당하는 특수한 유형의 함수입니다. 예:

    <code>function Person(name, age, email) {
    this.name = name;
    this.age = age;
    this.email = email;
    }
    
    const person = new Person("John Doe", 30, "johndoe@example.com");</code>
    로그인 후 복사

객체 속성 액세스:

  • 마침표(.): 키가 유효한 JavaScript 식별자인 경우에 사용됩니다. 예:

    <code>console.log(person.name); // "John Doe"</code>
    로그인 후 복사
  • 대괄호 표기([]): 키가 유효한 JavaScript 식별자가 아니거나 키에 특수 문자가 포함된 경우에 사용됩니다. 예:

    <code>const key = "address";
    console.log(person[key]); // "123 Main Street"</code>
    로그인 후 복사

객체 메서드:

객체는 키-값 쌍의 형태로 메서드(함수)를 저장할 수 있습니다. 메서드는 특정 작업을 수행하고 개체의 내부 상태에 액세스하거나 수정할 수 있습니다. 메소드의 키는 유효한 JavaScript 식별자일 수 있습니다. 예:

<code>const person = {
  name: "John Doe",
  age: 30,
  greet: function() {
    console.log(`Hello, my name is ${this.name} and I am ${this.age} years old.`);
  }
};

person.greet(); // "Hello, my name is John Doe and I am 30 years old."</code>
로그인 후 복사

위 내용은 js의 객체란 무엇인가요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!

관련 라벨:
원천:php.cn
본 웹사이트의 성명
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.
최신 이슈
인기 튜토리얼
더>
최신 다운로드
더>
웹 효과
웹사이트 소스 코드
웹사이트 자료
프론트엔드 템플릿