소개:
JavaScript 객체는 속성으로 구성됩니다. 핵심 가치 한 쌍. 본질적으로 속성은 모든 유형의 엔터티를 나타낼 수 있는 키와 값 쌍으로 구성됩니다. 함수조차도 모든 개체에서 값이나 키로 작동할 수 있습니다. 어쨌든 이번 섹션에서는 Object JavaScript에서 키를 삭제하는 방법에 대해 설명하겠습니다.
키가 제거되면 키와 연결된 값이 자동으로 삭제됩니다. 따라서 키를 제거하면 해당 속성이 제거됩니다. 이제 JavaScript에는 객체에서 키를 제거하는 세 가지 방법이 있습니다. 각각에 대해 간단히 살펴보겠습니다.
필요한 경우 JavaScript 개체의 속성을 지울 수 있습니다. 객체 속성을 빠르게 지우는 데 사용할 수 있는 세 가지 간단한 방법이 있습니다. 첫 번째 기술은 다음을 사용합니다. 삭제 연산자, JavaScript의 특정 연산자인 두 번째 방법은 다음을 사용합니다. 객체 구조화 , 세 번째 방법은 Reflect.deleteProperty() 방법.
1. 삭제 연산자를 사용하여 JavaScript 개체에서 속성을 제거합니다.
삭제 연산자는 JavaScript의 특정 연산자입니다. 객체 JavaScript에서 키를 제거하려면 다음을 사용하세요. 삭제 연산자 . 삭제 연산자는 이름이 암시하는 것과 정확히 일치하는 작업을 수행합니다. 즉, 객체에서 제공된 속성을 제거합니다. 하지만 속성을 삭제하려면 먼저 속성에 액세스해야 합니다. 점 속성 접근자 또는 대괄호 속성 접근자를 사용하여 Object 속성에 액세스할 수 있습니다.
점 방법으로 삭제:
통사론:
delete object.property;
예:
let emp = { name: 'saswat', age: 26, designation: 'Software Engineer', } console.log(emp); 산출:
{ name: 'saswat', age: 26, designation: 'Software Engineer' } age: 26 designation: 'Software Engineer' name: 'saswat' 점 기반 방식으로 age 속성을 제거해 보겠습니다.
delete emp.age; console.log(emp);
산출:
{ name: 'saswat', designation: 'Software Engineer' } designation: 'Software Engineer' name: 'saswat' 설명:
자바 문
위 출력에서 삭제 연산자가 객체를 삭제하는 데 효과적이라는 것을 알 수 있습니다. 엠프의 재산 연령 (도트 웨이) .
대괄호 방법으로 삭제합니다.
통사론:
delete object['property'];
대괄호를 사용하여 동일한 객체 emp에서 지정 속성을 삭제해 보겠습니다.
let emp = { name: 'saswat', age: 26, designation: 'Software Engineer', } delete emp['designation']; console.log(emp); 산출:
{ name: 'saswat', age: 26 } name: 'saswat' age: 26 설명:
위 출력에서 삭제 연산자가 객체 emp의 속성 지정을 성공적으로 삭제했음을 알 수 있습니다. (대괄호 방식) .
2. 객체 구조화를 사용하여 JavaScript 객체에서 속성을 제거합니다.
객체 파괴 객체에서 속성을 제거하는 데에도 사용할 수 있지만 문제가 있습니다. 원본 객체를 변경하는 대신 삭제된 속성을 포함하지 않는 새 객체가 생성됩니다. 이러한 방식으로 원본 항목이 보존됩니다(변경되지 않음).
통사론:
const{ propertyToRemove, ...newObject } = OriginalObject; 예:
const laptop = { brand: 'HP', model: 'Notebook', year: 2020, } const {model, ...newLaptop} = laptop; console.log(newLaptop); console.log(laptop); 산출:
{ brand: 'HP', year: 2020 } { brand: 'HP', model: 'Notebook', year: 2020 } 설명:
앞서 언급한 예에서는 object를 사용하여 개체에서 속성을 제거했습니다. 구조 분해 . 원래 객체 랩톱에서 속성 모델을 제거하기 위해 객체 구조 분해를 사용했을 때 새 객체를 얻었습니다. 내 노트북 그 재산 없이. 다시 한번, 출력은 원래 항목이 변경되지 않은 상태로 유지되었음을 보여줍니다.
알리야 마나사
3. Reflect.deleteProperty()메소드를 사용하여 JavaScript 객체에서 속성을 제거합니다.
그만큼 Reflect.deleteProperty() 메소드는 내장 JavaScript 객체 중 하나에 의해 제공됩니다. '반영하다' . 이 접근 방식은 우리가 논의한 삭제 연산자의 함수 형식과 유사합니다.
예:
const cars = { car1: 'Honda', car2: 'Tata', car3: 'Toyota' }; Reflect.deleteProperty(cars, 'car2'); console.log(cars); 산출:
{ car1: 'Honda', car3: 'Toyota' } 설명:
위의 예에는 다음과 같은 개체가 있었습니다. '자동차' 그것은 세 가지 속성을 가지고 있었습니다. 제거하려면 자동차 2 해당 객체의 속성을 사용하여 Reflect.deleteProperty() 방법. 출력은 cars 객체에서 car2 속성이 성공적으로 삭제되었음을 보여줍니다.
마지막으로, 삭제 연산자 아니면 그 Reflect.deleteProperty() 왜냐하면 둘 다 본질적으로 동일한 시간적 복잡성으로 작업을 수행하기 때문입니다. 그러나 활용 객체 파괴 시간이 더 걸립니다. 따라서 간단한 구문과 낮은 시간 복잡성으로 인해 삭제 연산자는 자바스크립트 객체에서 키를 제거하는 가장 널리 사용되는 방법입니다.
결론
JavaScript 개체는 키-값 쌍인 속성으로 구성됩니다. 키가 제거되면 키와 연결된 값이 자동으로 삭제됩니다.