logo

JavaScript でオブジェクトからキー/プロパティを削除する方法

導入:

JavaScript オブジェクトはプロパティで構成されています。 キーと値 ペア。基本的に、プロパティは、任意のタイプのエンティティを表すことができるキーと値のペアで構成されます。関数であっても、任意のオブジェクトの値またはキーとして機能する機能があります。とにかく、このセクションでは、Object JavaScript からキーを削除する方法について説明します。

キーが削除されると、キーに関連付けられた値が自動的に削除されます。したがって、キーを削除すると、その属性が削除されるだけになります。 JavaScript ではオブジェクトからキーを削除する方法が 3 つあります。それぞれを簡単に見てみましょう。

必要に応じて、JavaScript オブジェクトのプロパティを消去できます。オブジェクトのプロパティをすばやく消去するために使用できる 3 つの簡単な方法があります。最初のテクニックでは、 消去 演算子、JavaScript の特定の演算子、2 番目のメソッドは オブジェクトの分割 、3 番目の方法では、 Reflect.deleteProperty() 方法。

1. 削除演算子を使用して JavaScript オブジェクトからプロパティを削除します。

delete 演算子は、JavaScript の特定の演算子です。オブジェクト JavaScript からキーを削除したい場合は、 削除演算子 。 delete 演算子は、その名前が示すとおり、指定されたプロパティをオブジェクトから削除します。ただし、プロパティを削除するには、まずプロパティへのアクセスを取得する必要があります。ドット プロパティ アクセサーまたは角括弧プロパティ アクセサーのいずれかを使用して、Object プロパティにアクセスできます。

ドットメソッドで削除:

構文:

Javaでのインスタンス化
 delete object.property; 

例:

Linuxコマンドでフォルダーを作成する
 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 演算子が効果的であることがわかります。 従業員の 財産年齢 (ドットウェイ)

角括弧を使用して削除します。

構文:

 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 

説明:

レカ年齢

上記の出力から、delete オペレーターがオブジェクト emp のプロパティ指定の削除に成功したことがわかります。 (角括弧の方法)

2. オブジェクト分割を使用して JavaScript オブジェクトからプロパティを削除します。

オブジェクトの分割 オブジェクトからプロパティを削除するためにも使用できますが、落とし穴があります。元のオブジェクトを変更する代わりに、削除されたプロパティを含まない新しいオブジェクトが作成されます。このようにして、元の項目は保存されます (変更されません)。

構文:

 const{ propertyToRemove, ...newObject } = OriginalObject; 

例:

Linuxのexportコマンドとは何ですか
 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 オブジェクトの 1 つによって提供されます。 '反映する' 。このアプローチは、これまでに説明した削除演算子の関数形式に似ています。

例:

JavaオブジェクトからJSONへ
 const cars = { car1: 'Honda', car2: 'Tata', car3: 'Toyota' }; Reflect.deleteProperty(cars, 'car2'); console.log(cars); 

出力:

 { car1: 'Honda', car3: 'Toyota' } 

説明:

上の例では、というオブジェクトがありました。 '車' 3 つのプロパティがありました。削除するには 車2 そのオブジェクトのプロパティを使用した Reflect.deleteProperty() 方法。この出力は、cars オブジェクトからの car2 プロパティの削除が成功したことを示しています。

最後に、 削除演算子 または Reflect.deleteProperty() なぜなら、どちらも本質的に同じ時間的複雑さで作業を行うからです。ただし、それを利用して、 オブジェクトの破壊 より時間がかかります。したがって、構文が単純で時間の複雑さが低いため、削除演算子は JavaScript オブジェクトからキーを削除する最も一般的な方法です。

結論

JavaScript オブジェクトは、単なるキーと値のペアであるプロパティで構成されます。キーが削除されると、キーに関連付けられた値が自動的に削除されます。