JavaScript オブジェクト

JavaScript の文字列、数値、配列、日付などはすべてオブジェクトです。

JavaScript では、オブジェクトはプロパティとメソッドを備えたデータです。

JavaScript オブジェクトは、順序なしのコレクションデータ型であり、複数のキーと値のペアで構成されます。

オブジェクト定義

文字を使用してJavaScriptオブジェクトを定義および作成できます:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
<script language="JavaScript">
        var person = new Object();
     person.name="kevin";
     person.age=31;
     alert(person.name);
     alert(person["age"])
</script>
</head>
<body>
</body>
</html>

オブジェクトプロパティ

「JavaScriptオブジェクトは変数のコンテナである」と言えます。

しかし、私たちは通常、「JavaScript オブジェクトをキーと値のペアのコンテナー」と考えます。

キーと値のペアは通常、名前 : 値として記述されます (キーと値はコロンで区切られます)。

JavaScript オブジェクトのキーと値のペアは、オブジェクトプロパティと呼ばれることがよくあります。

JavaScript オブジェクトはプロパティ変数のコンテナです。

オブジェクトのキーと値のペアの記述は次のようになります:

PHPの連想配列 Pythonの辞書 C言語のハッシュテーブル Javaのハッシュマップ RubyおよびPerlのハッシュテーブル

JavaScriptオブジェクトは動的タイプでは、オブジェクトに属性を自由に追加または削除できます:

var xiaoming = {
name: '小明'

};
xiaoming.age // unknown

xiaoming.age = 18 ; // 年齢属性を追加します

xiaoming.age; // 18

delete xiaoming.age; // 年齢属性を削除します

delete xiaoming; ['name']; // 名前属性を削除します

xiaoming.name; // 存在しない学校属性を削除します

;

オブジェクトメソッド

オブジェクトのメソッドは関数を定義し、オブジェクトのプロパティとして保存されます。

オブジェクトのメソッドは()を追加することで(関数として)呼び出されます。

このインスタンスは、人物オブジェクトの fullName() メソッドにアクセスします:

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title>php中文网(php.cn)</title> 
</head>
<body>
<p id="demo"></p>
<script>
var person = {
    firstName: "Tom",
    lastName : "Jay",
    id : 666,
    fullName : function() 
      {
       return this.firstName + " and " + this.lastName;
    }
};
      document.getElementById("demo").innerHTML = person.fullName();
</script>
</body>
</html>

オブジェクトメソッドへのアクセス

次の構文を使用してオブジェクトメソッドを作成できます:

methodName : function() { コード行 }

次の構文を使用してオブジェクトメソッドにアクセスできます:

objectName.methodName()

通常、fullName() は person オブジェクトのメソッドとして、fullName はプロパティとして使用されます。

JavaScript オブジェクトを作成、使用、変更するにはさまざまな方法があります。

プロパティやメソッドを作成、使用、変更する方法もたくさんあります。

学び続ける

新しいファイル

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>php中文网(php.cn)</title> </head> <body> <script> function Person(name,age,job) { this.name=name; this.age=age; this.job=job; 　　this.friends=["Jams","Martin"]; } Person.prototype.sayFriends=function() { alert(this.friends); }; var person1 = new Person("kevin",31,"SE"); var person2 = new Person("Tom",30,"SE"); person1.friends.push("Joe"); person1.sayFriends();//Jams,Martin,Joe person2.sayFriends();//Jams,Martin </script> </body> </html>

リセットコード

自動運転

提出する

プレビュー Clear