자바스크립트 객체 소멸성

요약:이 자습서에서는 개체의 속성을 개별 변수에 할당하는 자바스크립트 객체 소멸성에 대해 알아봅니다.

배열을 소멸하는 방법을 배우고 싶다면 배열 소멸하는 자습서를 확인할 수 있습니다.

자바스크립트 객체 소멸 할당 소개

firstNamelastName의 두 가지 속성을 가진person객체가 있다고 가정합니다.

Code language: JavaScript (javascript)

person개체의 속성을 변수에 할당하려면 일반적으로 다음과 같이 수행합니다:

Code language: JavaScript (javascript)

이 구문은 개체의 속성을 변수에 할당하는 대체 방법을 제공합니다:

Code language: JavaScript (javascript)

이 예에서firstNamelastName속성은 각각fNamelName변수에 할당됩니다.이 구문에서

:

Code language: JavaScript (javascript)

콜론 앞의 식별자(:)는 개체의 속성이고 콜론 뒤의 식별자는 변수입니다.

속성 이름은 개체 리터럴이든 개체 소멸성 구문이든 항상 왼쪽에 있습니다.

변수의 이름이 개체의 속성과 같으면 다음과 같이 코드를 보다 간결하게 만들 수 있습니다:

Code language: JavaScript (javascript)

이 예제에서는 두 개의 변수firstNamelastName을 선언하고 동일한 문장의 변수에 사람 개체의 속성을 할당했습니다.

선언과 할당을 분리 할 수 있습니다. 그러나 변수를 괄호로 묶어야 합니다:

괄호를 사용하지 않으면 자바스크립트 엔진이 왼쪽을 블록으로 해석하고 구문 오류를 발생시킵니다.

개체 소멸을 사용하여 변수에 존재하지 않는 속성을 할당하면 변수가undefined로 설정됩니다. 예를 들어:

Code language: JavaScript (javascript)

이 예에서middleName속성은person개체에 없으므로middleName변수는undefined입니다.

기본값 설정

개체의 속성이 없는 경우 변수에 기본값을 할당할 수 있습니다. 예를 들어:

Code language: JavaScript (javascript)

이 예제에서는 사람 개체에middleName속성이 없을 때 빈 문자열을middleName변수에 할당했습니다.

또한currentAge속성을age변수에 기본값 18 로 할당합니다.

그러나 사람 개체에middleName속성이 있으면 할당이 평소와 같이 작동합니다:

Code language: JavaScript (javascript)

널 객체 소멸

함수는 일부 상황에서 객체 또는 널을 반환 할 수 있습니다. 예를 들어:

Code language: JavaScript (javascript)

그리고 당신은 객체 소멸 할당을 사용합니다:

Code language: JavaScript (javascript)

코드는TypeError:

Code language: JavaScript (javascript)

이 문제를 방지하려면OR연산자(||)를 사용하여null개체를 빈 개체로 대체할 수 있습니다:

Code language: JavaScript (javascript)

이제 오류가 발생하지 않습니다. 그리고firstNamelastNameundefined가 될 것입니다.

중첩 객체 소멸

name객체를 속성으로 갖는employee객체가 있다고 가정:

Code language: JavaScript (javascript)

다음 문은 중첩된name개체의 속성을 개별 변수로 소멸시킵니다:

Code language: JavaScript (javascript)

여러 변수에 속성을 여러 번 할당 할 수 있습니다.:

Code language: JavaScript (javascript)

함수 인수 소멸

사용자 개체를 표시하는 함수가 있다고 가정합니다:

Code language: JavaScript (javascript)

다음과 같이 함수에 전달 된 객체 인수를 파괴 할 수 있습니다:

Code language: JavaScript (javascript)

특히 인수 개체의 많은 속성을 사용할 때 덜 장황 해 보입니다. 이 기술은 반응에서 자주 사용됩니다.

요약

  • 개체 소멸은 기본적으로 이름이 같은 변수에 개체의 속성을 할당합니다.
  • 이 튜토리얼이 도움이 되었습니까?
  • 예 아니오

You might also like

답글 남기기

이메일 주소는 공개되지 않습니다.