美文网首页
总结js数组方法

总结js数组方法

作者: EO_eaf6 | 来源:发表于2019-11-20 13:28 被阅读0次

位置方法:

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

相关文章

  • js中的循环遍历方法对比

    JS循环大总结, for, forEach,for in,for of, map区别 map(数组方法): 特性:...

  • js中数组方法的总结

    js中数组的方法非常的多,功能也很强大。今天来总结一下js中数组的方法: 首先创建一个数组,数组中可以包含各种类型...

  • js数组遍历方法总结

    转自: js数组遍历方法总结 数组遍历方法 1.for循环 使用临时变量,将长度缓存起来,避免重复获取数组长度,当...

  • JS数组遍历

    本文针对JS中数组遍历做一个总结 普通 for 循环 forEach 循环(数组自带的方法) 注意: forEac...

  • JSPatch下发笔记6

    OC代码: JS代码: 总结:1.不可变数组表示方法,OC:@[image],JS:[image]。2.字典取值方...

  • 数组方法(filter、map、some...)

    数组是我们在js中常常要用到的,但是你真的熟悉数组的方法吗?今天我就总结一下Array对象具有哪些方法。 声明数组...

  • JavaScript归纳

    在freecodecamp上学习JS基础,并进行归纳总结 1. 数组的常用方法: pop():从数组中把 最后一个...

  • js数组方法总结

    数组的排序 sort()方法排序问题。 sort()方法是Array原型链上自带的方法。 默认排序顺序是根据字符串...

  • JS 数组方法总结

    1、按是否改变原数组进行区分 1.1、不改变原数组 追加元素 删除元素 替换元素 1.2、改变原数组 追加push...

  • JS 数组方法总结

    一、创建Array 创建数组主要有两种方法,第一种是使用数组构造函数,第二种是使用数组字面量表示法。 使用数组构造...

网友评论

      本文标题:总结js数组方法

      本文链接:https://www.haomeiwen.com/subject/atkoictx.html