总结js数组方法

2019-11-20  本文已影响0人  EO_eaf6

位置方法:

indexOf(查找值)//默认从索引0开始查找

indexOf(查找值,从哪里开始找(索引))

lastIndexOf(查找值)//默认从Array.length-1索引值开始查找

lastIndexOf(查找值,从哪里开始找(索引))

以上方法在第一次查找到值之后停止搜索,IE9+,Firefox2+,Safari3+,Opera9.5,Chrome支持

操作方法:

追加:Array.concat()//复制副本,在副本末尾添加元素,参数为一个或多个字符串或数组,依次添加,返回新数组,原数组不变

截取:Array.slice(开始索引,结束索引(可选,没有默认到结尾))//截取起始位置到结束位置-1处的数组元素值,返回截取数组值,原数组不变

增删改:Array.splice(开始索引,删除项数,替换项1,替换项2,.........)//返回删除项,没删除返回空数组,改变原数组

栈、队列方法:

Array.push(ele)//添加ele在数组末端

ele=Array.pop()//取出数组末端值(索引Array.length-1)

Array.unshift(ele)//添加ele到数组头,返回新数组长度

ele=Array.shift()//取出数组头元素(索引0)

针对unshift()的一点区别:

var color=new Array()                            var color=new Array()

color.unshift("red")                                 color.unshift("red","green")

color.unshift("green")                             alert(color)//red,green

alert(color)//green,red

一次添加多个元素与多次添加多个元素元素顺序有别

转换方法:

Array.toString()//调用每个数组的toString()方法,将数组作为整体转换为字符串,数组元素以“,”隔开

Array.toLocalString()//调用叔祖中每项的toLocalString()方法,将数组中每个字符串取出转化为字符串,再以“,”隔开

Array.join(ele(可选))//将数组元素用ele为分隔号连接成一个字符串,若无参数则以undefined连接(空字符串),IE7及以前会用undefined字符串连接

String.split(ele)//将字符串以ele为分隔,分割成数组

Array.valueOf()//返回数组本身,不是字符串

检测数组:

对于一个网页或全局环境无多个框架:

value instanceof Array//返回

对于一个框架向另一个框架传数组,Array构造函数不同,且浏览器实现isArray():

Array.isArray()//只检测是否是数组,不管是否是同一个全局环境

对于未实现isArray(),使用Object原生toString方法:

Object.prototype.toString().call(value)

排序方法:

Array.sort()//按Ascii升序排序,

Array.reverse()//降序排序

迭代方法:

Array.every(function(item,index,array){},运行该函数的作用域的对象(影响this值)可选)//数组中每项为true则返回true,否则返回false

Array.some(function(item,index,array){},运行该函数的作用域的对象(影响this值)可选)//数组中其中有项为true则返回true,没有一项为true则返回false

Array.map(function(item,index,array){},运行该函数的作用域的对象(影响this值)可选)//返回数组中每项结果组成的数组

Array.forEach(function(item,index,array){},运行该函数的作用域的对象(影响this值)可选)//没有返回值,遍历数组

Array.filter(function(item,index,array){},运行该函数的作用域的对象(影响this值)可选)//返回数组中结果为true的数组元素

num=[1,2,3,4,5]

every=num.every(function(item.index,array){

return (item>2)

})//every=false

some=num.some(function(item.index,array){

return (item>2)

})//some=true

map=num.map(function(item.index,array){

return item-1

})//map=[0,1,2,3,4]

forEach=num.forEach(function(item.index,arry){

arrays.push(item*2)

})//无返回值

filter=num.filter(function(item.index,arry){

return (item>2)

})//filter=[3,4,5]

归并方法:

Array.reduce(function(prev,cur,index,array){},)//前一个值,当前值,索引,数组本身,函数每次返回的值会覆盖当前cur作为下一次的pre

Array.reduceRight(function(prev,cur,index,array){})//前一个值,当前值,索引,数组本身,函数每次返回的值会覆盖当前cur作为下一次的pre,从后向前

num=[1,2,3,4,5]

sum=num.reduce(function(prev,cur,index,array){

return prev_+cur

})//第一次执行prev=1,cur=2,第二次执行prev=3(1+2),cur=3

sum=num.reduceRight(function(prev,cur,index,array){

return prev_+cur

})//第一次执行prev=5,cur=4,第二次执行prev=9(4+5),cur=3

上一篇 下一篇

猜你喜欢

热点阅读