视频1 视频21 视频41 视频61 视频文章1 视频文章21 视频文章41 视频文章61 推荐1 推荐3 推荐5 推荐7 推荐9 推荐11 推荐13 推荐15 推荐17 推荐19 推荐21 推荐23 推荐25 推荐27 推荐29 推荐31 推荐33 推荐35 推荐37 推荐39 推荐41 推荐43 推荐45 推荐47 推荐49 关键词1 关键词101 关键词201 关键词301 关键词401 关键词501 关键词601 关键词701 关键词801 关键词901 关键词1001 关键词1101 关键词1201 关键词1301 关键词1401 关键词1501 关键词1601 关键词1701 关键词1801 关键词1901 视频扩展1 视频扩展6 视频扩展11 视频扩展16 文章1 文章201 文章401 文章601 文章801 文章1001 资讯1 资讯501 资讯1001 资讯1501 标签1 标签501 标签1001 关键词1 关键词501 关键词1001 关键词1501 专题2001
JavaScript中的Array对象如何使用
2020-11-27 19:28:26 责编:小采
文档
 JavaScript的array对象也是JavaScript的内置函数之一,Array对象是用于处理数组的,使用Array对象时,我们需要先用new来创建一个array对象。

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

var family= new Array();

然后我们来看具体的示例

代码如下

添加"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>

运行效果如下

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

属性1. length(获取数组长度)

代码如下

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

运行效果如下

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

关于length和属性

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

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

那么请说明各代码。

初始值如下。

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

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

我们来说明一下

初始值如下。

var family = ['Tom', 'Jerry', 'Soucy'];

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

family.length = 2;

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

 console.log(family)

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

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

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

显示结果是0 , 1。

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

console.log(family.length);

显示结果为2

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

我们编写代码如下

console.log(family.1);

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

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

console.log(family[1]);

运行结果如下

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

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

运行结果和上述一样

Array对象的方法

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

在slice()方法中,可以通过指定下标来搜索指定的元素。

(下标是对数组元素进行编号的,从0开始一直到n......)

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

我们来看具体的示例

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

运行结果如下

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>

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

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

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

代码如下

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

运行效果如下

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

console.log(family)

运行结果如下

下载本文
显示全文
专题