温馨提示×

温馨提示×

您好,登录后才能下订单哦!

密码登录×
登录注册×
其他方式登录
点击 登录注册 即表示同意《亿速云用户服务条款》

如何创建JavaScript中的对象

发布时间:2020-07-11 10:10:54 来源:亿速云 阅读:167 作者:Leah 栏目:web开发

如何创建JavaScript中的对象?很多新手对此不是很清楚,为了帮助大家解决这个难题,下面小编将为大家详细讲解,有这方面需求的人可以来学习下,希望你能有所收获。

对象是属性的集合,变量数组也是一种对象,对象可用于管理数据,属性就是添加了以名称(属性名称)为前缀的特定名称(值),本篇文章我们就来详细介绍一下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,亿速云!");
}
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>

运行效果如下

如何创建JavaScript中的对象

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

向AI问一下细节

免责声明:本站发布的内容(图片、视频和文字)以原创、转载和分享为主,文章观点不代表本网站立场,如果涉及侵权请联系站长邮箱:is@yisu.com进行举报,并提供相关证据,一经查实,将立刻删除涉嫌侵权内容。

AI