JavaScript中的Array对象如何使用-tutorial js-php.cn

JavaScript中的Array对象如何使用

不言

Lepaskan： 2021-04-20 14:30:25

asal

3027 orang telah melayarinya

JavaScript中Array对象的使用方法：首先创建一个代码文件；然后用new来创建一个array对象；最后使用Array对象处理数组即可。

JavaScript中的Array对象如何使用

本文操作环境：windows7系统、javascript1.8.5版、Dell G3电脑。

JavaScript的array对象也是JavaScript的内置函数之一，Array对象是用于处理数组的，使用Array对象时，我们需要先用new来创建一个array对象。

我们在如何使用JavaScript中的string对象这篇文章中已经介绍了如何创建一个内置函数，所以接下来我们就直接用new来创建一个Array对象

var family= new Array（）;

Salin selepas log masuk

然后我们来看具体的示例

代码如下

添加"Tom", "Jerry", "Soucy"并使用console.log调用调试。

<!DOCTYPE html>
<html>
  <head>
   <meta charset="utf-8">
    <title>JavaScript</title>
  </head>
  <body>
    <script>
      var family= new Array("Tom", "Jerry", "Soucy");
      console.log(family);
    </script>
  </body>
</html>

Salin selepas log masuk

运行效果如下

2345截图20181213130538.png

接下来我们来看一下Array对象的属性和方法

属性1. length（获取数组长度）

代码如下

<script>
      var family= new Array("Tom", "Jerry", "Soucy");
      console.log(family.length);
    </script>

Salin selepas log masuk

运行效果如下

Array

在family数组中有Tom, Jerry, Soucy三个元素，因此显示为3。

关于length和属性

在排列的length属性中代替要素数，如果代入后的要素数比代入前的要素数小的话，要素也被删除。

这次，“Taro”，“Jiro”，“Saburo”的排列的length属性将2代入““Taro”，“Jiro”。

那么请说明各代码。

初始值如下。

通过将元素数分配给数组的length属性，如果赋值后的元素数小于替换前的元素数，则该元素将被删除。

此时，["Tom", "Jerry", "Soucy"]通过在所述数组的长度属性设为2，则数组就变为["Tom", "Jerry"]。

我们来说明一下

初始值如下。

var family = [&#39;Tom&#39;, &#39;Jerry&#39;, &#39;Soucy&#39;];

Salin selepas log masuk

下面将元素为3的family数组的长度设置为2

family.length = 2;

Salin selepas log masuk

这时，数组family的元素会删除一个，显示数组的代码如下。

 console.log(family)

Salin selepas log masuk

此时数组的值是['Tom', 'Jerry']。

2345截图20181213133926.png

这是此时显示数组元素下标的代码。

console.log(Object.keys(family));

Salin selepas log masuk

显示结果是0 , 1。

2345截图20181213133057.png

显示当前数组长度的代码如下

console.log（family.length）;

Salin selepas log masuk

显示结果为2

2345截图20181213134218.png

我们来尝试获取第一个元素

我们编写代码如下

console.log(family.1);

Salin selepas log masuk

但是，因为语法不同，所以会发生错误。会显示如下的结果

2345截图20181213134719.png

这是显示当前第二个元素（下标为1）的正确语法代码。

console.log(family[1]);

Salin selepas log masuk

运行结果如下

2345截图20181213135121.png

这是显示下标值为1的元素的代码，它是通过从数组family的length属性递减1获得的数字。

console.log(family[family.length - 1]);

Salin selepas log masuk

运行结果和上述一样

2345截图20181213135121.png

Array对象的方法

方法1. slice()（获取数组元素）

在slice（）方法中，可以通过指定下标来搜索指定的元素。

（下标是对数组元素进行编号的，从0开始一直到n......）

检索元素时，必须在（）中指定起始位置的下标和结束位置的下标。如果未指定特定的范围，则会从第一个元素开始检索的最后一个元素。

我们来看具体的示例

 <script>
      var family= new Array("Tom", "Jerry", "Soucy");
      console.log(family.slice(0,2));
    </script>

Salin selepas log masuk

运行结果如下

JavaScript中的Array对象如何使用

slice(0,2)指的是从下标为0的元素开始到下标为2的元素前，所以运行结果是"Tom", "Jerry"。

还有需要知道的是：

如果slice（0），则显示"Tom", "Jerry", "Soucy"

如果slice（0,1），则显示"Tom"

如果slice（1），则显示"Jerry", "Soucy"

如果slice（1,2），则显示"Jerry"

如果slice（2），则显示"Soucy"

方法2. reverse()（翻转元素顺序）

代码如下

<script>
      var family= new Array("Tom", "Jerry", "Soucy");
      console.log(family.reverse());
    </script>

Salin selepas log masuk

运行结果如下：顺序翻转了过来

2345截图20181213142324.png

方法3. push()（在末尾添加新元素）

在push()中，您可以在数组末尾添加一个新元素，并在添加后获取元素数。

代码如下

<script>
  var family= new Array("Tom", "Jerry", "Soucy");
  console.log(family.push("Marry", "Cindy"));
</script>

Salin selepas log masuk

运行效果如下

2345截图20181213143240.png

元素个数从3增加到了5，如果要显示增加的元素，可以再输入以下代码

console.log(family)

Salin selepas log masuk

运行结果如下

2345截图20181213143555.png

Atas ialah kandungan terperinci JavaScript中的Array对象如何使用. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!