JavaScript的Array类型包含的方法 - Go语言中文社区

JavaScript的Array类型包含的方法


栈方法(push()和pop()),只对数组尾部操作

push():可以接收任意数量的参数,把他们逐个添加到数组末尾,并返回修改后数组的长度。

pop():从数组末尾移除最后一项,减少数组的length值,然后返回被推出栈的元素

如下图:

队列方法(shift()、unshift()),只对数组首部操作

shift():移除数组中的第一个项并返回该项,同时数组长度减1

unshift():能够在数组前端添加任意个项并返回新数组的长度。

使用shift和push可以用来模拟队列

使用unshift和pop可以从相反的方向模拟队列

如下图:

 

重排序方法(reverse(),sort())

reverse():反转数组项的顺序

如下图:

 

sort():

按升序排列数组项,注意sort()方法比较的是字符串,使用sort()方法时会调用每个数组项的toString转型方法,然后比较得到的字符串以确定如何排序。即使数组中的每一项都是数组,sort()方法比较的也是字符串。

因此sort()方法可以接收一个比较函数作为参数,以便我们指定哪个值位于哪个值的前面。

如下图:

正确使用方式

 

操作方法(concat()、slice、splice)

concat():

可以基于当前数组中所有项创建一个新数组,对副本进行操作。

如下图:

slice():基于当前数组中的一或多个项创建一个新数组。接收1或2个参数,即要返回项的起始和结束位置。

在只有一个参数的情况下,slice方法返回从该参数指定位置开始到当前数组末尾的所有项。

两个参数,该方法返回起始和结束位置之间的项-但不包括位置的项

silce()方法不会影响原始数组

如下图:

splice()

主要用途:向数组的中部插入项,会对数组产生影响。

  • 删除:可以删除任意数量的项,只需指定2个参数:要删除的第一项的位置和要删除的项数

如下图:

 

插入:可以向指定位置插入任意数量的项,只需要提供3个参数:起始位置、0(要删除的项数)和要插入的项。

如下图:

  • 替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定3个参数:起始位置、要删除的项数和要插入的任意数量的项。

如下图:

splice()方法始终都会返回一个数组,该数组中包含从原始数组中删除的项(如果没有删除任何项,则返回一个空数组)。

 

位置方法(indexOf)和lastIndexOf()

这两个方法都接收两个参数:要查找的项(可选)和查找起点位置的索引

区别:

indexOf():从数组的开头(位置0)开始向后查找,

lastIndexOf():则从数组的末尾开始向前查找

查找过程中使用全等操作符

如下图:

 

迭代方法(every()、filter()、map()、some()、forEach())

数组定义了5个迭代方法,每个方法都接收两个参数:要在每一项上运行的函数(可选的)运行该函数的作用域对象--响应this的值。传入这些方法中的函数会接收三个参数:数组项的值、该项在数组中的位置和数组对象本身。

every():对数组中的每一项运行给定函数,如果该函数对每一项都返回true,则返回true。

filter():对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组。用于筛选过滤。

 

map(): 对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组。

some():对数组中的每一项运行给定函数,如果该函数对任一项返回true,则返回true。

 

总结

forEach():对数组中的每一项运行给定函数。这个方法没有返回值。本质上与使用for循环迭代数组一样。

如下图:

 

以上方法都不会修改数组中包含的值

在这些方法中,最相似的是every()和some(),它们都用于查询数组中的项是否满足某个条件。对every()来说,传入的函数必须对每一项都返回true,这个方法才返回true;否则,它就返回false。而some()方法则是只要传入的函数对数组中的某一项返回true,就会返回true。

缩小方法(reduce()、reduceRight())

reduce():从数组的第一项开始,逐个遍历到最后

reduceRight():从数组的最后一项开始,向前遍历到第一项

这两个方法都接收两个参数:一个在每一项上调用的函数和(可选的)作为缩小基础的初始值,传给reduce()和reduceRight()的函数接收4个参数:前一个值、当前值、项的索引和数组对象。

如下图:

转换方法

对所有对象都具有:

toLocaleString(): 首先调用每个数组元素的 toLocaleString() 方法,然后使用地区特定的分隔符把生成的字符串连接起来,形成一个字符串。一般用来组合数据

 

toString():把一个逻辑值转换为字符串,并返回结果

如下图:

 

valueOf(): 用于返回给定参数的原生 Number 对象值,参数可以是原生数据类型, String等。

该方法是静态方法。该方法可以接收两个参数一个是字符串,一个是基数。

如下图:

 

join():方法用于把数组中的所有元素转换一个字符串。

元素是通过指定的分隔符进行分隔的。

 

检测数组(instanceof())

在同一个网页或者一个全局作用域而言,使用instanceof操作符能够得到满意的结果。

 

局限性:假定单一的全局执行环境。如果网页中包含多个框架,那实际上就存在两个以上不同的全局执行环境,从而存在两个以上不同版本的Array构造函数。如果从一个框架向另一个框架传入一个数组,那么传入的数组在第二个框架中原生创建的数组分别具有各自不同的构造函数。

 

为了解决这个问题 ECNAScript5新增了Array.isArray()方法。目的:

 

这个方法局限性:仅IE9+、Firefox 4+、Safari 5+、Opera 10.5+和Chrome。

简单分类

会返回新数组(或其他类型):

concat()、slice()、reverse()、toString()、join()

直接对数组进行修改:

splice()、pop()、push()、sort()、unshift()、sort()

 

版权声明:本文来源CSDN,感谢博主原创文章,遵循 CC 4.0 by-sa 版权协议,转载请附上原文出处链接和本声明。
原文链接:https://blog.csdn.net/LPLIFE/article/details/96734409
站方申明:本站部分内容来自社区用户分享,若涉及侵权,请联系站方删除。
  • 发表于 2021-06-26 18:41:04
  • 阅读 ( 558 )
  • 分类:

0 条评论

请先 登录 后评论

官方社群

GO教程

猜你喜欢