English | 简体中文 | 繁體中文 | Русский язык | Français | Español | Português | Deutsch | 日本語 | 한국어 | Italiano | بالعربية

JavaScript 基礎チュートリアル

JavaScript オブジェクト

JavaScript 関数

JS HTML DOM

JS ブラウザBOM

AJAX 基礎チュートリアル

JavaScript 参考マニュアル

JavaScriptのオブジェクトの属性

属性はオブジェクト内の名前(キー)と値の関連であり、どんなデータ型でも含むことができます。

属性通常、オブジェクトの特徴を指します。

通常、属性を変更、追加、削除することができますが、一部の属性は読み取り専用です。

JavaScript属性にアクセス

オブジェクト属性にアクセスする方法は2種類あります:

  • 点表記法: .

  • 括弧記号: []

元の例のオブジェクトに戻ってみましょうuser

user["firstName"];
テストして見て‹/›

点と括号はよく使用されますが、(.)点表記法はより速く、読みやすくなります。

新しい属性の追加

オブジェクトに新しい属性を追加するために、属性に新しい値を割り当てるための割り当て演算子(=)を使用します。

ユーザーオブジェクトが既に存在する場合を仮定します-その後、新しい属性を割り当てることができます:

user.weapon = "Sword";
テストして見て‹/›

注意:属性やメソッドの名前には保留語を避けてください。

オブジェクト属性の変更

既存の属性に新しい値を割り当てることで、オブジェクトの属性を変更できます。

var user = {firstName:"Seagull", lastName:"Anna", age:}}22, location:"New Delhi"};
user.location = "Goa";
テストして見て‹/›

オブジェクト属性の削除

オブジェクトから属性を削除するために、deleteキーワードを使用します。

deleteは、オブジェクトから属性を削除する演算子で、オブジェクトの属性を削除できます。

以下の例では、オブジェクトから属性を削除する方法を示します:

var user = {firstName:"Seagull", lastName:"Anna", age:}}22, location:"New Delhi"};
delete user.location;
テストして見て‹/›

delete演算子は、その属性の2つの値と属性自体を削除します。

delete演算子は、予め定義されたJavaScriptオブジェクトの属性に使用することはできません。それにより、アプリケーションがクラッシュする可能性があります。

オブジェクトの属性を巡回する機能があります。

JavaScriptにはfor...inオブジェクトの属性をループで巡回するために特別に用意されています。

文法:

for (variable in object) { statement to be executed}

これは私たちの主要なオブジェクト例であるユーザーの簡略化バージョンです:

var user = {firstName:"Seagull", lastName:"Anna", age:}}22, location:"New Delhi"};
for (let x in user) {
    document.write(x);
}
テストして見て‹/›

括弧記号を使用して、属性値を変数として取得できます。この例では、xです:

for (let x in user) {
document.write(user[x]);
}
テストして見て‹/›

for...inループはfor...ofループの混乱、後者はArrayオブジェクトタイプ上でのみ使用されます。

他に役立つ列挙メソッドには、Object.keys()メソッドがあります。このメソッドは、オブジェクトの属性の配列を返します。

// ユーザーオブジェクト上でメソッドを初期化して属性キーを返します。
Object.keys(user);
テストして見て‹/›

このメソッドは、オブジェクトの属性を配列として使用できるようにし、したがって、JavaScriptの配列のすべてのメソッドを利用できます。

属性の内部属性

すべての属性には名前があります。また、それらには属性値もあります。

この値は属性の属性の1つです。

他の属性には、可列、可設定、可書き込みがあります。

これらの属性は属性のアクセス方法(読み取り可能、書き込み可能)を定義しています。

JavaScriptでは、すべての属性を読み取ることができますが、属性値のみを変更できます(属性が書き込み可能な状態であれば)。