最新のJavaScriptのオブジェクトをデコードする

オブジェクトへのイントロ;

JavaScript内で動作する最も強力なデータ構造のいくつかは、配列とオブジェクトです.これらのアイテムの両方が共通の多くを持って、また、相互作用することができます.オブジェクトはデータのリストを格納するJavaScript内のデータのコレクションを格納するために使用されます.一方、オブジェクトはほとんど項目とその値のプロパティを格納します.

この記事は、これらのデータ構造のそれぞれの内側の働きを強調し、どのようにJavaScriptで相互作用することができます.この記事はまた、いくつかのJavaScriptコードスニペットを含みます

JavaScriptオブジェクトの操作

1 .オブジェクト定義

以下のコード行はJavaScript言語でオブジェクトを定義する方法を示します

const user = {};//an empty object

オブジェクトはまた、次のように表示されるプロパティを含めることができます

const user = { 
  name: "cyrusCodes",
  proficiency: "javascript",
};

すべてのJavaScriptオブジェクト値へのアクセス;

const user = {
  name: "cyrusCodes",
  proficiency: "javascript",
};
console.log(user);/*{ name: 'cyrusCodes', proficiency: 'javascript' }*/

JavaScriptのオブジェクト値へのアクセス;

JavaScriptオブジェクト内のプロパティ値にアクセスするには、ドット表記(.)または角括弧記法[]
-ドット()記法
この方法論はJavaScript言語でコーディング中に最も推奨されます.

const user = {
  name: "cyrusCodes",
  proficiency: "javascript",
};
console.log(user.name); /*cyrusCodes*/

-角括弧[]表記を使用します.
このメソッドは、次のように、JavaScriptオブジェクトのプロパティ値にアクセスするために角括弧を使用します

const user = {
  name: "cyrusCodes",
  proficiency: "javascript",
};
console.log(user["proficiency"]); /*javascript*/

プロパティ値の再割り当て;

JavaScriptでこれを達成するには、代入演算子**(=)**の使用が必要です

const user = {
  name: "cyrusCodes",
  proficiency: "javascript",
};
console.log(user.proficiency); /*javascript*/
user.proficiency = "front-end";
console.log(user.proficiency); /*front-end*/

JavaScriptオブジェクトに新しいプロパティを追加する

この例と今後の例では、ドット()JavaScriptオブジェクトに関連するすべての例での表記.この場合、加算は以下のようにして行われる.

const user = {
  name: "cyrusCodes",
  proficiency: "javascript",
};
console.log(user); /*{ name: 'cyrusCodes', proficiency: 'javascript' }*/
user.email = "[email protected]"; /*added property email*/
console.log(user); /*{ name: 'cyrusCodes',proficiency: 'javascript',email: '[email protected]'}*/

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

const user = {
  name: "cyrusCodes",
  proficiency: "javascript",
};
console.log(user);  /*{ name: 'cyrusCodes', proficiency: 'javascript' }*/
delete user.proficiency; /*deleting an object's property*/
console.log(user);/*{ name: 'cyrusCodes' }*/

どうもありがとう.覚えておいてください、JavaScriptオブジェクトに関して働くことができる他の操作のトンがあります.このポストは基本をハイライトすることになっています、そして、先進のシリーズは途中であります、しかし、その間、これはオブジェクトと配列を解読することになっている方法と2つの組合せを使うことができる方法のブログシリーズの最初の部分を結びます.最新のJavaScriptの配列の動作を説明するブログシリーズの一部を見てください.滞在これ以上の詳細については、多くのチューニング.
あなたがより詳細で包括的なブログ記事の上で私に続くことを確認してください.