JS 数组方法

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS 数组方法相关的知识,希望对你有一定的参考价值。

1.concat()拼接

  concat()方法可以基于当前数组中的所有项创建一个新数组。具体来说,这个方法会先创建当前数组一个副本,然后将接受到的参数添加到这个副本的末尾,最后返回I新构建的数组。在没有给concat()方法传递参数的情况下,它只是复制当前数组并返回副本。如果传递给concat()方法的是一或多个数组,则该方法会将这些数组中的每一项都添加到结果数组中。如果传递的值不是数组,这些值就会被简单地添加到结果数组的末尾。

2.slice()切割

  能够基于当前数组中的一或多个项创建一个新数组。slice()方法可以接受一或两个参数,即要返回的起始和结束位置。在只有一个参数的情况下,slice()方法返回从该参数指定位置开始到当前数组末尾的所有项。如果有两个参数,该方法返回起始和结束位置之间的项——但不包括结束位置的项。slice()方法不会影响原始数组.如果结束位置小于起始位置,则返回数组。

3.join()

  arr.join(‘-‘)

4.splice(start,deleteCount,items) 最强大

  (1).删除:可以删除任意数量的项,只需指定2个参数:要删除的第一项的位置和要删除的项数。例如,splice(0,2)会删除数组中的前两项

  (2).插入:可以向指定位置插入任意数量的项,只需提供3个参数:起始位置、0(要删除的项数)和要插入的项。如果要插入多个项,可以再传入第四、第五,以至任意多个项。例如,splice(2,0,"red","green")会从当前数组的 位置 2开始插入字符串"red"和"green"

  (3).替换:可以向指定位置插入任意数量的项,且同时删除任意数量的项,只需指定3个参数:起始位置、要删除的项数和要插入的任意数量的项。插入的项数不必与删除的项数相等。例如,splice(2,1,"red","green")会删除当前数组位置2的项,然后再从位置2开始插入字符串"red"和"green"

5.indexOf(searchElement,fromIndex) && lastIndexOf(searchElement,fromIndex)

  这两个方法都接收两个参数:要查找的项和(可选的)表示查找起点位置的索引。indexOf()从数组的开头(位置0)开始向后查找,lastIndexOf()则从数组末尾开始向前查找。

6.迭代

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

  2.filter():对数组的每一项运行给定函数,返回该函数会返回true的项组成的数组

  3.foreach():对数组的每一项运行给定函数,这个方法没有返回值

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

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

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

7.归并方法:reduce(callback,initialValue)  &&  reduceRight(callback,initialValue)

  这两个方法都会迭代数组的所有项,然后构建一个最终返回的值。reduce()方法从数组的第一项开始,逐个遍历到最后。而reduceRight()则从数组的最后一项开始,向前遍历到第一项。都接收两个参数:一个在每一项上调用的函数和(可选的)作为归并基础的初始值,传给reduce()和reduceRight()的函数接收4个参数:前一个值、当前值、项的索引和数组对象。这个函数返回的任何值都会作为第一个参数自动传给下一项。第一次迭代发生在数组的第二项,因此第一个参数是数组的第一项,第二个参数是数组的第二项。

  

  

以上是关于JS 数组方法的主要内容,如果未能解决你的问题,请参考以下文章

JS数组方法some()和every()的区别

js中数组去重方法总结

JS Array(数组)所有操作方法,改变数组方法、不改变数组方法

JS数组方法

js中数组对象如何设置方法?

js数组对象常用的方法