如何创建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>

运行效果如下

看完上述内容是否对您有帮助呢？如果还想对相关知识有进一步的了解或阅读更多相关文章，请关注亿速云行业资讯频道，感谢您对亿速云的支持。