在JavaScript中如何建立對象-js教程-PHP中文網

在JavaScript中如何建立對象

不言

發布： 2018-12-15 14:13:51

原創

2376 人瀏覽過

對像是屬性的集合，變數數組也是一種對象，對象可用來管理數據，屬性就是添加了以名稱（屬性名稱）為前綴的特定名稱（值），本篇文章我們就來詳細介紹一下在在在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>

登入後複製

藍色表示「go」走、黃色表示「slow down」減速、紅色表示「stop」停止，具有這三個屬性的物件表示被定義的traffic_light的變數。

下面我們來呼叫這三個被定義的屬性

程式碼如下

<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（）的匿名函數的物件。

你可以透過將function（）指派給名為hello的變數並將參數指派給hello變數（如最後一行的hello（））來執行它。

var hello = function() {
  alert("hello,PHP中文网！");
}
hello();

登入後複製

陣列可以是物件

在在在JavaScript中如何建立對象中如何建立對象中如何建立對象陣列也是一個物件。

用一個物件包裝一個陣列並新增一個函數。因此，可以說它不是純數組而是看起來像數組的物件。

在在在JavaScript中如何建立對象中如何建立對象中如何建立對象陣列有以下屬性和方法。除此之外，與普通物件相同

有以下類型的陣列屬性和方法。

屬性length（取得陣列長度）

方法slice（）（取得陣列元素）

方法reverse（）（翻轉元素的順序）

#方法push（）（在最後新增一個新元素）

使用new來建立陣列物件

var family = new Array();

登入後複製

我們為變數family指派了一個空的Array物件。

在這裡，我使用var family = new Array（“Tom”，“Jerry”，“Sucy”）添加“Tom”，“Jerry”，“Sucy”; 然後，透過console.log（family ）;來調用。

程式碼如下

<!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中如何建立對象中如何建立對象中如何建立對象