ホームページ  >  記事  >  ウェブフロントエンド  >  JavaScript でオブジェクトを作成する方法

JavaScript でオブジェクトを作成する方法

不言
不言オリジナル
2018-12-15 14:13:512400ブラウズ

オブジェクトは属性のコレクションです。オブジェクトは、名前 (属性名) が接頭辞として付けられた特定の名前 (値) です。 JavaScript でオブジェクトを作成する方法 でオブジェクトを作成する方法 でオブジェクトを作成する方法 オブジェクトの使い方を詳しく紹介します。

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 の値が呼び出され、実行結果は次のとおりです

JavaScript でオブジェクトを作成する方法 でオブジェクトを作成する方法 でオブジェクトを作成する方法

次へこのプロパティの値を変更する方法を見てみましょう

プロパティ名にアクセスし、別の値を割り当てます。

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 でオブジェクトを作成する方法 でオブジェクトを作成する方法

これは、次の基本的なメソッドです。 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 でオブジェクトを作成する方法 でオブジェクトを作成する方法 でオブジェクトを作成する方法

以上がJavaScript でオブジェクトを作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。