JavaScriptオブジェクトからプロパティの追加、更新、削除
16669 ワード
JavaScriptオブジェクトはプロパティのコレクションであり、プロパティは名前(またはキー)と値の間の関連付けです.そして、我々は開発者として過度にそれを使用します.プログラミングのキャリアの初期には、オブジェクトの操作をするのは難しいことがわかりました.そこで今日、オブジェクトからプロパティを追加、更新、削除する方法を一覧にします.
オブジェクトにプロパティを追加します
つは、単に値を与えることによってオブジェクトにプロパティを追加できます.以下の例のように、プロパティの夫を追加し、直接値を渡します.値を代入しながらブラケットを使うこともできます.
オブジェクトからプロパティを削除する
つのキーワードを使用して、オブジェクトからプロパティを削除できます
既存のプロパティの値を更新します.
値を同じキーに再割り当てするだけで、プロパティの値を更新できます.
オブジェクトの配列にプロパティを追加します.
オブジェクトの配列を考え、配列内のオブジェクトにプロパティを追加します.私たちは多くの配列メソッド(ループのためにも)を使用してこれを達成することができます.Array Arrayメソッドを使用します
オブジェクトの配列からプロパティを削除します.
ここで、削除は、追加と同様に行われます.配列メソッドを使用して反復処理を行います.
オブジェクトの配列内の既存のプロパティのすべての値を更新します.
配列のメソッド
ありがとう
オブジェクトにプロパティを追加します
つは、単に値を与えることによってオブジェクトにプロパティを追加できます.以下の例のように、プロパティの夫を追加し、直接値を渡します.値を代入しながらブラケットを使うこともできます.
var brooklynNineNine = {
name: 'Raymond Holt',
currentRole: 'Captian of brooklyn99',
}
brooklynNineNine.husband = 'Kevin' // Or brooklynNineNine['husband'] = 'Kevin'
console.log(brooklynNineNine)
ES 7構文と機能的アプローチを使用し、同じ結果をもたらすプロパティを追加できます.var list =
{
name: 'Michael Scott',
company: 'Dunder Mufflin',
designation: 'Regional Manager',
show: 'The Office',
},
new_obj = { ...list, partner: 'Holly Flax' }
console.table(new_obj)
オブジェクトからプロパティを削除する
つのキーワードを使用して、オブジェクトからプロパティを削除できます
delete
. The delete
キーワードは、プロパティとプロパティ自体の値を削除します.削除後、再度追加する前にプロパティを使用できません.
var brooklynNineNine = {
name: 'Amy Santiago',
currentRole: 'Detective brooklyn99',
husband: 'Jake Peralta',
mentor: 'Raymond Holt'
}
delete brooklynNineNine.mentor;
console.log(brooklynNineNine)
既存のプロパティの値を更新します.
値を同じキーに再割り当てするだけで、プロパティの値を更新できます.
var favChar = {
name: 'Michael Scott',
company: 'Dunder Mufflin',
designation: 'Regional Manager',
show: 'The Office'
}
favChar.designation = 'Hero of Threat Level Midnight'
console.table(favChar)
オブジェクトの配列にプロパティを追加します.
オブジェクトの配列を考え、配列内のオブジェクトにプロパティを追加します.私たちは多くの配列メソッド(ループのためにも)を使用してこれを達成することができます.Array Arrayメソッドを使用します
.forEach
配列要素を反復処理し、オブジェクトにプロパティを追加します.const list = [
{
name: 'Michael Scott',
company: 'Dunder Mufflin',
designation: 'Regional Manager',
show: 'The Office'
},
{
name: 'Barney Stinson',
company: 'Golaith National Bank',
designation: 'Please',
show: 'How I met your mother'
},
{
name: 'Jake Peralta',
company: 'NYPD',
designation: 'Detective',
show: 'Brooklyn 99'
},
]
list.forEach(function (element) {
element.favCharacter = "true";
});
console.table(list)
オブジェクトの配列からプロパティを削除します.
ここで、削除は、追加と同様に行われます.配列メソッドを使用して反復処理を行います.
.forEach
そして、キーワードを使用して削除されますdelete
.const list = [
{
name: 'Michael Scott',
company: 'Dunder Mufflin',
designation: 'Regional Manager',
show: 'The Office'
},
{
name: 'Barney Stinson',
company: 'Golaith National Bank',
designation: 'Please',
show: 'How I met your mother'
},
{
name: 'Jake Peralta',
company: 'NYPD',
designation: 'Detective',
show: 'Brooklyn 99'
},
]
list.forEach(function (element) {
delete element.designation;
});
console.table(list)
オブジェクトの配列内の既存のプロパティのすべての値を更新します.
配列のメソッド
.every
を使用すると、配列の要素を反復処理できます.プロパティ'責任'が再割り当てされている'ショー'ハート'人々を笑わせる'別の値に.const list = [
{
name: 'Michael Scott',
company: 'Dunder Mufflin',
designation: 'Regional Manager',
show: 'The Office',
responsibility: 'heart of the show'
},
{
name: 'Barney Stinson',
company: 'Golaith National Bank',
designation: 'Please',
show: 'How I met your mother',
responsibility: 'heart of the show'
},
{
name: 'Jake Peralta',
company: 'NYPD',
designation: 'Detective',
show: 'Brooklyn 99',
responsibility: 'heart of the show'
},
]
list.every(element => element.responsibility = 'making people laugh') // every method is used to iterate through the array
console.table(list)
私はどのように追加、更新、およびプロパティを削除する方法を知っているいくつかの方法を記載している.あなたが他の方法を知っているならば、以下をコメントしてください.ありがとう
Reference
この問題について(JavaScriptオブジェクトからプロパティの追加、更新、削除), 我々は、より多くの情報をここで見つけました https://dev.to/sanchithasr/how-to-add-modify-and-delete-javascript-object-literal-properties-49cdテキストは自由に共有またはコピーできます。ただし、このドキュメントのURLは参考URLとして残しておいてください。
Collection and Share based on the CC Protocol