요약:이 자습서에서는 개체의 속성을 개별 변수에 할당하는 자바스크립트 객체 소멸성에 대해 알아봅니다.
배열을 소멸하는 방법을 배우고 싶다면 배열 소멸하는 자습서를 확인할 수 있습니다.
자바스크립트 객체 소멸 할당 소개
firstName
과lastName
의 두 가지 속성을 가진person
객체가 있다고 가정합니다.
Code language: JavaScript (javascript)
person
개체의 속성을 변수에 할당하려면 일반적으로 다음과 같이 수행합니다:
Code language: JavaScript (javascript)
이 구문은 개체의 속성을 변수에 할당하는 대체 방법을 제공합니다:
Code language: JavaScript (javascript)
이 예에서firstName
및lastName
속성은 각각fName
및lName
변수에 할당됩니다.이 구문에서
:
Code language: JavaScript (javascript)
콜론 앞의 식별자(:
)는 개체의 속성이고 콜론 뒤의 식별자는 변수입니다.
속성 이름은 개체 리터럴이든 개체 소멸성 구문이든 항상 왼쪽에 있습니다.
변수의 이름이 개체의 속성과 같으면 다음과 같이 코드를 보다 간결하게 만들 수 있습니다:
Code language: JavaScript (javascript)
이 예제에서는 두 개의 변수firstName
과lastName
을 선언하고 동일한 문장의 변수에 사람 개체의 속성을 할당했습니다.
선언과 할당을 분리 할 수 있습니다. 그러나 변수를 괄호로 묶어야 합니다:
괄호를 사용하지 않으면 자바스크립트 엔진이 왼쪽을 블록으로 해석하고 구문 오류를 발생시킵니다.
개체 소멸을 사용하여 변수에 존재하지 않는 속성을 할당하면 변수가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)
이제 오류가 발생하지 않습니다. 그리고firstName
과lastName
은undefined
가 될 것입니다.
중첩 객체 소멸
name
객체를 속성으로 갖는employee
객체가 있다고 가정:
Code language: JavaScript (javascript)
다음 문은 중첩된name
개체의 속성을 개별 변수로 소멸시킵니다:
Code language: JavaScript (javascript)
여러 변수에 속성을 여러 번 할당 할 수 있습니다.:
Code language: JavaScript (javascript)
함수 인수 소멸
사용자 개체를 표시하는 함수가 있다고 가정합니다:
Code language: JavaScript (javascript)
다음과 같이 함수에 전달 된 객체 인수를 파괴 할 수 있습니다:
Code language: JavaScript (javascript)
특히 인수 개체의 많은 속성을 사용할 때 덜 장황 해 보입니다. 이 기술은 반응에서 자주 사용됩니다.
요약
- 개체 소멸은 기본적으로 이름이 같은 변수에 개체의 속성을 할당합니다.
- 이 튜토리얼이 도움이 되었습니까?
- 예 아니오