JavaScript オブジェクト
JavaScript オブジェクトは、プロパティとメソッドを持つデータです。
現(xiàn)実世界のオブジェクト、プロパティ、メソッド
現(xiàn)実世界では、車はオブジェクトです。
オブジェクトには重さや色などのプロパティがあり、メソッドには開始や停止などが含まれます:
すべての車にこれらのメソッドがありますが、実行される時間は異なります。 すべての車にはこれらの屬性がありますが、各車の屬性は異なります。
JavaScript オブジェクト
JavaScript では、ほとんどすべてがオブジェクトです。
JavaScript では、オブジェクトは非常に重要です。オブジェクトを理解すると、JavaScript も理解できます。
JavaScript の変數(shù)割り當(dāng)てについて學(xué)習(xí)しました。
次のコードは、変數(shù) car の値を「Fiat」に設(shè)定します:
var car = "Fiat";
オブジェクトも変數(shù)ですが、オブジェクトには複數(shù)の値を含めることができます。 (複數(shù)の変數(shù))。
var car = {type:"Fiat", model:500, color:"white"};
上記の例では、3つの値("Fiat", 500, "white")が割り當(dāng)てられています可変車。
上記の例では、変數(shù) car に 3 つの変數(shù) (タイプ、モデル、色) が割り當(dāng)てられています。
ヒント: JavaScript オブジェクトは変數(shù)のコンテナです。
オブジェクト定義
文字を使用してJavaScriptオブジェクトを定義および作成できます:
インスタンス
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)（php.cn)</title>
</head>
<body>
<p>創(chuàng)建 JavaScript 對象。</p>
<p id="demo"></p>
<script>
var person = {firstName:"John", lastName:"Doe", age:50, eyeColor:"blue"};
document.getElementById("demo").innerHTML =
person.firstName + " 現(xiàn)在 " + person.age + " 歲.";
</script>
</body>
</html>プログラムを?qū)g行して試してください
定義JavaScriptオブジェクトは複數(shù)行にまたがることができます。スペースと改行 不要:
インスタンス
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)（php.cn)</title>
</head>
<body>
<p>創(chuàng)建 JavaScript 對象。</p>
<p id="demo"></p>
<script>
var person = {
firstName : "John",
lastName : "Doe",
age : 50,
eyeColor : "blue"
};
document.getElementById("demo").innerHTML =
person.firstName + " 現(xiàn)在 " + person.age + " 歲。";
</script>
</body>
</html>プログラムを?qū)g行して試してください
オブジェクトのプロパティ
「JavaScript オブジェクトは変數(shù)のコンテナである」と言えます。
しかし、私たちは通常、「JavaScript オブジェクトをキーと値のペアのコンテナー」と考えます。
キーと値のペアは通常、名前 : 値として記述されます (キーと値はコロンで區(qū)切られます)。
JavaScript オブジェクトのキーと値のペアは、通常、オブジェクト プロパティと呼ばれます。
ヒント: JavaScript オブジェクトはプロパティ変數(shù)のコンテナです。
オブジェクトのキーと値のペアは次のように記述されます:
PHPの連想配列
C言語のハッシュテーブル
JavaのHアッシュマップ
Ruby と Perl のハッシュ テーブル
オブジェクト プロパティには 2 つの方法でアクセスできます:
方法 1
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>php中文網(wǎng)（php.cn)</title>
</head>
<body>
<p>
有兩種方式可以訪問對象屬性：
</p>
<p>
你可以使用 .property 或 ["property"].
</p>
<p id="demo"></p>
<script>
var person = {
firstName : "John",
lastName : "Doe",
id : 5566
};
document.getElementById("demo").innerHTML =
person.firstName + " " + person.lastName;
</script>
</body>
</html>プログラムを?qū)g行して試してみましょう
方法 2<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title> PHP中文網(wǎng)</title>
</head>
<body>
<p>
有兩種方式可以訪問對象屬性:
</p>
<p>
你可以使用 .property 或 ["property"]。
</p>
<p id="demo"></p>
<script>
var person = {
firstName: "John",
lastName : "Doe",
id : 5566
};
document.getElementById("demo").innerHTML =
person["firstName"] + " " + person["lastName"];
</script>
</body>
</html>プログラムを?qū)g行して試してみるオブジェクトのメソッドにアクセスする
次の構(gòu)文を使用してオブジェクト メソッドを作成できます:
次の構(gòu)文を使用してオブジェクト メソッドにアクセスできます:objectName.methodName()
通常、fullName() は person オブジェクトのメソッドとして、fullName はプロパティとして使用されます。 JavaScript オブジェクトを作成、使用、変更するにはさまざまな方法があります。
プロパティやメソッドを作成、使用、変更する方法もたくさんあります。
