자바스크립트의 객체

소개

객체는 속성의 모음입니다.

let james = {
name: 'james';
age: 30;
email: '[email protected]';
location: 'Britan';
}

여기에서 볼 수 있듯이 James는 여러 속성을 가지고 있으며 이것이 그를 객체로 만듭니다.
우리는 또한 문자열을 객체 안에 넣을 수 있습니다.

let james = {
name: 'james';
age: 30;
email: '[email protected]';
location: 'Britan';
"Cup o'": 'joe';
}

값 액세스

모든 값에 액세스하는 것은 그렇게 어렵지 않습니다.

console.log(james)

모든 값이 표시됩니다.
그러나 모든 값이 아닌 하나의 값에만 액세스하고 싶다고 가정해 보겠습니다. 글쎄 우리는 그것을 위해 점 표기법을 사용합니다

james.name
james.age

나이와 이름만 표시됩니다.

개체에 속성 추가

점 표기법을 사용하여 변수를 추가할 수 있습니다.

let Guitars = {
  Strings: 6;
  in stock: 70;
}

guitars.type = "acoustic";

대괄호 표기법도 작동합니다.
대괄호 표기법은 단지 점 표기법이지만 구문이 다릅니다.

let Guitars = {
  Strings: 6;
  in stock: 70;
}

guitar["type"] = "acoustic";

같은 방식으로 특정 속성을 업데이트하고 점 및 대괄호 표기법으로 변경할 수 있습니다.

let Guitars = {
  Strings: 6;
  in stock: 70;
}

guitars.strings= 7;

속성 제거

"삭제"키워드를 사용하여 특정 속성을 삭제할 수 있습니다.

속성 확인

명령을 사용하면 개체 내에서 속성을 확인하는 것이 매우 쉽습니다.

prop in objectName

이 내에서 개체에 특정 값이 있는지 확인할 수 있습니다.
그러니 제임스를 체크인하자

age in james

변수 age가 James 개체에 표시되기 때문에 이것은 true로 표시됩니다.

const 속성의 경우 이상한 결과가 나타납니다.
퍼팅

const Guitars = {
  Strings: 6;
  in stock: 70;
}

guitars.strings= 7;

변수 중 하나를 변경하려고 시도하지만 오류가 발생합니다.

let Guitars = {
  Strings: 6;
  in stock: 70;
}

guitars.type= "acoustic";

문제 없이 속성을 추가할 수 있습니다.