ホームページ > 記事 > ウェブフロントエンド > JavaScript でオブジェクトを作成する方法
JavaScript でオブジェクトを作成する方法
- 不言オリジナル
- 2018-12-15 14:13:512378ブラウズ
オブジェクトは属性のコレクションです。オブジェクトは、名前 (属性名) が接頭辞として付けられた特定の名前 (値) です。 JavaScript でオブジェクトを作成する方法 でオブジェクトを作成する方法 でオブジェクトを作成する方法 オブジェクトの使い方を詳しく紹介します。
まず、オブジェクトの作成方法を見てみましょう。
traffic_light (信号機) 変数を作成し、メッセージをカラーで表示するプログラム。
コードは次のとおりです。
<!DOCTYPE html>
<html>
<head>
<meta charset = "utf-8">
<title>JavaScript でオブジェクトを作成する方法 でオブジェクトを作成する方法 でオブジェクトを作成する方法</title>
</head>
<body>
<script>
var traffic_light = {
blue: "go",
yellow: "slow down",
red: "stop"
}
</script>
</body>
</html>青は「進む」、黄色は「減速」、赤は「停止」を意味します。これらの 3 つの属性を持つオブジェクトは、定義された Traffic_light 変数を表します。
これらの 3 つの定義済み属性を呼び出しましょう
コードは次のとおりです
<script>
var traffic_light = {
blue: "go",
yellow: "slow down",
red: "stop"
}
console.log(traffic_light.blue);
</script>属性 blue の値が呼び出され、実行結果は次のとおりです
次へこのプロパティの値を変更する方法を見てみましょう
プロパティ名にアクセスし、別の値を割り当てます。
blue という名前の属性の値を go から go fast に変更します。 console.log で呼び出すと、コードは次のようになります。
<script>
var traffic_light = {
blue: "go",
yellow: "slow down",
red: "stop"
}
traffic_light.blue = "go fast";
console.log(traffic_light.blue);
</script>実行時の効果は次のとおりです。
これは、次の基本的なメソッドです。 JavaScript でオブジェクトを作成する方法 でオブジェクトを作成する方法 でオブジェクトを作成する方法 でオブジェクトを使用します。
別の方法がありますnew を使用してそのようなオブジェクトを作成できます。
var 对象名=new object()
詳しく見てみましょう
関数はオブジェクトにすることができます
たとえば、hello 関数を作成する場合
コードは次のとおりです
function hello() {
alert("hello,PHP中文网！");
}
hello();これは次のコードと同等です。
ここでは、function() という名前の匿名関数を持つオブジェクトを使用します。
関数()をhelloという名前の変数に代入し、パラメーターをhello変数に代入することで実行できます(最後の行のhello()のように)。
var hello = function() {
alert("hello,PHP中文网！");
}
hello();配列はオブジェクトになることができます
JavaScript でオブジェクトを作成する方法 でオブジェクトを作成する方法 でオブジェクトを作成する方法 配列もオブジェクトです。
配列をオブジェクトでラップし、関数を追加します。したがって、純粋な配列ではなく、配列のように見えるオブジェクトであると言えます。
JavaScript でオブジェクトを作成する方法 でオブジェクトを作成する方法 でオブジェクトを作成する方法 配列には次のプロパティとメソッドがあります。それ以外は通常のオブジェクトと同じです。
配列のプロパティとメソッドには以下の種類があります。
属性の長さ(配列の長さを取得)
メソッドslice()(配列の要素を取得)
メソッドreverse()(要素の順序を逆にする)
メソッド Push() (最後に新しい要素を追加します)
new を使用して配列オブジェクトを作成します
var family = new Array();
空の配列を割り当てます変数ファミリーに対するオブジェクト。
ここでは、var family = new Array("Tom", "Jerry", "Sucy"); を使用して、console.log(family ) 経由で「Tom」、「Jerry」、「Sucy」を追加しました。 ; 電話をかける。
コードは次のとおりです
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JavaScript でオブジェクトを作成する方法 でオブジェクトを作成する方法 でオブジェクトを作成する方法</title>
</head>
<body>
<script>
var family= new Array("Tom","Jerry","Sucy");
console.log(family);
</script>
</body>
</html>実行時の効果は次のとおりです
以上がJavaScript でオブジェクトを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。