在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,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中如何创建对象的详细内容,更多请关注其它相关文章!