JavaScript でオブジェクトを作成する方法-jsチュートリアル-php.cn

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

不言

リリース： 2018-12-15 14:13:51

オリジナル

2417 人が閲覧しました

オブジェクトは属性のコレクションです。オブジェクトは、名前 (属性名) が接頭辞として付けられた特定の名前 (値) です。 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 でオブジェクトを作成する方法でオブジェクトを作成する方法でオブジェクトを作成する方法