English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 기본 강의

JavaScript 객체

JavaScript 함수

JS HTML DOM

JS 브라우저 BOM

AJAX 기본 강의

JavaScript 참조 매뉴얼

JavaScript 객체 속성

속성은 객체 내의 이름(ключ)과 값 간의 연결로, 어떤 데이터 유형을 포함할 수 있습니다。

속성일반적으로 객체의 특성을 의미합니다。

일반적으로 속성을 변경하거나 추가하고 제거할 수 있지만, 일부 속성은 읽기 전용입니다。

JavaScript 속성 접근

객체 속성에 접근하는 두 가지 방법이 있습니다:

  • 점 표기법: .

  • 괄호 기호: []

원래 예제 객체를 다시 확인해 보겠습니다user

user["firstName"];
테스트를 해보세요‹/›

점(.)와 괄호([]) 모두 자주 사용됩니다. 하지만,(.) 점 표기법은 더 빠르고 읽기 쉽습니다。

새 속성 추가

객체에 새 속성을 추가하려면, 새 값을 속성에 할당하는 대입 연산자 (=)를 사용할 수 있습니다。

사용자 객체가 이미 존재한다고 가정해 보겠습니다-그런 다음 새 속성을 할당할 수 있습니다:

user.weapon = "Sword";
테스트를 해보세요‹/›

주의: 저장어를 속성이나 메서드 이름에 사용하지 마세요。

객체 속성 수정

존재하는 속성에 새 값을 할당하여 객체 속성을 수정할 수 있습니다。

var user = {firstName:"Seagull", lastName:"Anna", age:}}22, location:"New Delhi"};
user.location = "Goa";
테스트를 해보세요‹/›

객체 속성 제거

속성을 제거하기 위해 delete 키워드를 사용하겠습니다。

delete는 객체에서 속성을 제거하는 연산자로, 객체의 속성을 제거할 수 있습니다。

아래의 예제는 객체에서 속성을 제거하는 방법을 보여줍니다:

var user = {firstName:"Seagull", lastName:"Anna", age:}}22, location:"New Delhi"};
delete user.location;
테스트를 해보세요‹/›

delete运算자는 속성의 두 가지 값과 속성 자체를 제거합니다。

предопределенные свойства JavaScript объекта с помощью delete运算자를 사용하지 마세요. 이는应用程序이 불안정해질 수 있습니다。

객체 속성을 순회합니다

JavaScript는for...in객체 속성을 반복적으로 처리하는 용도로 사용됩니다。

문법:

for (variable in object) { statement to be executed}

이것은 우리의 주요 대상 예제 사용자의 간소화된 버전입니다:

var user = {firstName:"Seagull", lastName:"Anna", age:}}22, location:"New Delhi"};
for (let x in user) {
    document.write(x);
}
테스트를 해보세요‹/›

괄호 기호를 사용하여 속성 값을 변수로 검색할 수 있습니다. 이 예제에서는 x로 사용됩니다:

for (let x in user) {
document.write(user[x]);
}
테스트를 해보세요‹/›

for...in루프는for...of루프 혼란, 후자는 Array 객체 타입에서만 사용됩니다.

또 다른 유용한 목록화 메서드는 Object.keys() 메서드로, 이 메서드는 객체 속성의 배열을 반환합니다.

// 사용자 객체에 메서드를 초기화하여 속성 키를 반환합니다.
Object.keys(user);
테스트를 해보세요‹/›

이 메서드는 객체의 속성을 배열로 사용할 수 있게 해줍니다. 따라서 JavaScript 배열의 모든 메서드를 사용할 수 있습니다.

속성의 내부 속성

모든 속성은 이름이 있습니다. 또한 속성 값도 있습니다.

이 값은 속성의 속성 중 하나입니다.

다른 속성은: 순서 가능, 설정 가능, 쓰일 수 있습니다.

이 속성은 속성의 접근 방식을 정의합니다. (읽을 수 있는가, 쓰일 수 있는가)

제이스크립트에서는 모든 속성을 읽을 수 있지만, 속성 값을 변경할 수 있습니다. (그리고 해당 속성이 쓰일 수 있는 상태일 때만)