当前位置:Gxlcms > JavaScript > javascript中的各种数组方法实例汇总

javascript中的各种数组方法实例汇总

时间:2021-07-01 10:21:17 帮助过:5人阅读

数组方法

栈方法:栈是一种LIFO(last-in-first-out)后进先出的数据结构,也就是最新添加的项最早被移除。栈中项的插入(叫做推入)和移除(叫做弹出)只发生在栈的顶部。

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

pop()方法:从数组末尾移除最后一项,减少数组的length值,然后返回移除的项。

队列方法:队列是一种FIFO(first-in-first-out)先进先出的数据结构,队列在列表的末端添加项,从列表的前端移除项。

shift():移除数组中的第一个项并返回该项,同时数组的长度减1(结合使用shift()和push()可以模拟队列)

unshift():在数组前端添加任意个项并返回新数组长度(结合使用unshift()和pop()从相反方向模拟队列)

[注意]IE7及以下unshift()方法返回的总是undefined

排序方法:

reverse():反转数组的顺序,返回经过排序之后的数组

sort():按升序排列数组项,sort方法会调用每个数组项的toString()方法,然后比较得到的字符串排序,返回经过排序之后的数组

[注意]sort()方法可以接受一个比较函数作为参数,以便指定哪个值在哪个值的前面。比较函数接收两个参数,如果第一个参数应该位于第二个参数之前则返回一个负数,如果两个参数相等则返回0,如果第一个参数应该位于第二个参数之后则返回一个正数

[比较函数] (使用:e.g. array1.sort(compare);)

对于数值类型或valueOf()方法会返回数值类型的对象类型,比较函数可以简化为:

[tips]:常用以下方法来创建一个随机数组

操作方法(切开、连接、插入、删除、替换):

concat():基于当前数组中的所有项创建一个新数组,先创建当前数组一个副本,然后将接收到的参数添加到这个副本的末尾,最后返回新构建的数组(concat()不影响原数组)

[注意1]没有给concat()方法传递参数时,它只是复制当前的数组

[注意2]如果参数是一个或多个数组,则该方法会将这些数组中的每一项都添加到结果数组中

[注意3]如果传递的值不是数组,这些值就会被简单地添加到结果数组的末尾

slice():基于当前数组中的一个或多个项创建一个新数组,接受一个或两个参数,即要返回项的起始和结束位置 ,最后返回新数组(slice()不影响原数组)

[注意1]没有参数时,返回原数组

[注意2]只有一个参数时,slice()方法返回从该参数指定位置开始到当前数组末尾的所有项

[注意3]两个参数时,该方法返回起始位置和结束位置之间的项,但不包括结束位置的项

[注意4]若参数为负数时,则用数组长度加负数作为参数

[注意5]若结束位置小于开始位置,则返回空数组

splice():原数组变为修改后的数组,而splice()返回从原数组中删除的项组成的数组,若无删除项则返回空数组

[a]删除:两个参数为要删除的第一项的位置、要删除的项数

[b]插入:三个参数为起始位置、0(要删除的基数)、要插入的项

[c]替换:三个参数为起始位置、要删除的项数、要插入的项

[注意1]若第一个参数为负数时,则用数组长度加负数作为参数

[注意2]若第二个参数为负数时,则用0作为参数

位置方法(ECMAScript5):两个参数:要查找的项、表示查找起点位置的索引(可选)。返回第一个满足条件的查找项在数组中的位置,如果没有找到则返回-1(位置方法不会影响原数组)

[注意]在比较时,使用全等操作符

indexOf()

lastIndexOf()

[tips]若返回满足条件的项的所有索引值

迭代方法(ECMAScript5):两个参数:要在每一项上运行的函数、运行该函数作用域对象——影响this的值(可选)。传入这些方法中的函数会接收三个参数:数组项的值、该项在数组中的位置、数组对象本身(迭代方法不会影响原数组)

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

filter():对数组中的每一项运行给定函数,返回该函数会返回true的项组成的数组(常用于查询符合条件的所有数组项)

forEach():对数组中的每一项运行给定函数,这个方法没有返回值(相当于for循环)

map():对数组中的每一项运行给定函数,返回每次函数调用的结果组成的数组(常用于创建包含项与另一个数组一一对应的数组)

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

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

reduce()

reduceRight()

以上就是javascript中的各种数组方法实例汇总的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行