如何創(chuàng)建JavaScript中的對象

發(fā)布時(shí)間：2020-07-11 10:10:54 來源：億速云閱讀：160 作者：Leah 欄目：web開發(fā)

如何創(chuàng)建JavaScript中的對象？很多新手對此不是很清楚，為了幫助大家解決這個(gè)難題，下面小編將為大家詳細(xì)講解，有這方面需求的人可以來學(xué)習(xí)下，希望你能有所收獲。

對象是屬性的集合，變量數(shù)組也是一種對象，對象可用于管理數(shù)據(jù)，屬性就是添加了以名稱（屬性名稱）為前綴的特定名稱（值），本篇文章我們就來詳細(xì)介紹一下JavaScript對象的用法。

我們先來看如何創(chuàng)建一個(gè)對象

創(chuàng)建一個(gè)traffic_light（紅綠燈）變量，并編寫一個(gè)根據(jù)顏色顯示消息的程序。

代碼如下

<!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>

藍(lán)色表示“go”走、黃色表示“slow down”減速、紅色表示“stop”停止，具有這三個(gè)屬性的對象表示被定義的traffic_light的變量。

下面我們來調(diào)用這三個(gè)被定義的屬性

代碼如下

<script>
  var traffic_light = {
    blue: "go",
    yellow: "slow down",
    red: "stop"
  }  
  console.log(traffic_light.blue);
  </script>

調(diào)用了屬性blue的值，運(yùn)行結(jié)果如下

如何創(chuàng)建JavaScript中的對象

下面我們來看如何改變這個(gè)屬性的值

訪問屬性名稱并為其指定另一個(gè)值。

將屬性名為blue的值從go更改為go fast。當(dāng)你在console.log中調(diào)用它時(shí)代碼如下

<script>
  var traffic_light = {
    blue: "go",
    yellow: "slow down",
    red: "stop"
  }
  traffic_light.blue =  "go fast";
  console.log(traffic_light.blue);
</script>

運(yùn)行效果如下

如何創(chuàng)建JavaScript中的對象

這是在JavaScript中使用對象的基本方法。

還有一種方法可以使用new創(chuàng)建這樣的對象。

var 對象名=new object()

我們來具體看一下

函數(shù)可以是對象

例如，當(dāng)你創(chuàng)建hello函數(shù)的時(shí)

代碼如下

function hello() {
  alert("hello,億速云！");
}
hello();

這相當(dāng)于以下代碼。

這里我們使用一個(gè)名為function（）的匿名函數(shù)的對象。

你可以通過將function（）分配給名為hello的變量并將參數(shù)分配給hello變量（如最后一行的hello（））來執(zhí)行它。

var hello = function() {
  alert("hello,億速云！");
}
hello();

數(shù)組可以是對象

JavaScript數(shù)組也是一個(gè)對象。

用一個(gè)對象包裝一個(gè)數(shù)組并添加一個(gè)函數(shù)。因此，可以說它不是純數(shù)組而是看起來像數(shù)組的對象。

JavaScript數(shù)組具有以下屬性和方法。除此之外，與普通對象相同

有以下類型的數(shù)組屬性和方法。

屬性length（獲取數(shù)組長度）

方法slice（）（獲取數(shù)組元素）

方法reverse（）（翻轉(zhuǎn)元素的順序）

方法push（）（在最后添加一個(gè)新元素）

使用new來創(chuàng)建數(shù)組對象

var family = new Array();

我們?yōu)樽兞縡amily分配了一個(gè)空的Array對象。

在這里，我使用var family = new Array（“Tom”，“Jerry”，“Sucy”）添加“Tom”，“Jerry”，“Sucy”; 然后，通過console.log（family）;來調(diào)用。

代碼如下

<!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>

運(yùn)行效果如下

如何創(chuàng)建JavaScript中的對象

看完上述內(nèi)容是否對您有幫助呢？如果還想對相關(guān)知識有進(jìn)一步的了解或閱讀更多相關(guān)文章，請關(guān)注億速云行業(yè)資訊頻道，感謝您對億速云的支持。

向AI問一下細(xì)節(jié)

如何創(chuàng)建JavaScript中的對象

猜你喜歡

最新資訊

相關(guān)推薦

相關(guān)標(biāo)簽