Rumah > Artikel > hujung hadapan web > 在JavaScript中如何创建对象

在JavaScript中如何创建对象

不言asal: 2018-12-15 14:13:512377semak imbas

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

运行效果如下

2345截图20181215132809.png

这是在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

Atas ialah kandungan terperinci 在JavaScript中如何创建对象. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!

Kenyataan：

Kandungan artikel ini disumbangkan secara sukarela oleh netizen, dan hak cipta adalah milik pengarang asal. Laman web ini tidak memikul tanggungjawab undang-undang yang sepadan. Jika anda menemui sebarang kandungan yang disyaki plagiarisme atau pelanggaran, sila hubungi admin@php.cn

Artikel sebelumnya：javascript如何执行调试Artikel seterusnya：如何使用JavaScript操作字符串

Artikel berkaitan

Lihat lagi