如何創建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的值,運行結果如下

下面我們來看如何改變這個屬性的值
訪問屬性名稱并為其指定另一個值。
將屬性名為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,億速云!");
}
hello();這相當于以下代碼。
這里我們使用一個名為function()的匿名函數的對象。
你可以通過將function()分配給名為hello的變量并將參數分配給hello變量(如最后一行的hello())來執行它。
var hello = function() {
alert("hello,億速云!");
}
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>運行效果如下

看完上述內容是否對您有幫助呢?如果還想對相關知識有進一步的了解或閱讀更多相關文章,請關注億速云行業資訊頻道,感謝您對億速云的支持。
免責聲明:本站發布的內容(圖片、視頻和文字)以原創、轉載和分享為主,文章觀點不代表本網站立場,如果涉及侵權請聯系站長郵箱:is@yisu.com進行舉報,并提供相關證據,一經查實,將立刻刪除涉嫌侵權內容。