ES5新增的数组方法

ES5新增的数组方法

关于ES5新增的数组方法,有如下几种:

1. indexOf(包含)
语法:indexOf(“元素”,[下标])
var arr = [6, 8, 34, 78, 0, 6, 3, 7];
console.log(arr.indexOf(4))
【注】:检测arr数组中是否出现5这个数字,如果存在,就返回这个数字第一次出现的位置下标,如果不存在,则返回-1。但是与instaceOf不同的是,后者是用来判断某一变量是否是某对象的实例,返回布尔值。
lastIndexOf与indexOf正好相反
2. forEach(遍历数组)
语法:forEach(function(value,index,Array){
console.log(value.index,Array)
})
forEach有三个参数。值,下标,数组。
3. map
map(function(value,index,Array){return …})
eg: var arr = [6, 8, 34, 78, 0, 6, 3, 7];
var list = arr.map(function(value){
return value+2;
})
【注】:此时出来的list为arr的每一个元素+2的值。是每一个元素!!!
通常情况下,map 方法中的 callback 函数只需要接受一个参数,就是正在被遍历的数组元素本身。但这并不意味着 map 只给 callback 传了一个参数。这个思维惯性可能会让我们犯一个很容易犯的错误。

eg:
// 下面的语句返回什么呢:
[“1”, “2”, “3”].map(parseInt);
// 你可能觉的会是[1, 2, 3]
// 但实际的结果是 [1, NaN, NaN]

// 通常使用parseInt时,只需要传递一个参数.但实际上,parseInt可以有两个参数.第二个参数是进制数.可以通过语句"alert(parseInt.length)===2"来验证.
// map方法在调用callback函数时,会给它传递三个参数:当前正在遍历的元素, 元素索引, 原数组本身.
// 第三个参数parseInt会忽视, 但第二个参数不会,也就是说,parseInt把传过来的索引值当成进制数来使用.从而返回了NaN.

/*
//应该使用如下的用户函数returnInt

function returnInt(element){
return parseInt(element,10);
}

[“1”, “2”, “3”].map(returnInt);
// 返回[1,2,3]
*/
4.some(一些)
some(function(value,index,Array){return …})
用来判断数组中个别的数据
eg: var arr = [6, 8, 34, 78, 0, 6, 3, 7];
var list = arr.some(function(value){
return value>5;
})
用来判断这个数组中大于5的数据,返回值为布尔值,如果数组中有一个值符合条件,则返回true,如果全部不符合,则返回false

5. filter(过滤)
语法:filter(function(value,index,Array){return 条件})将所有符合过滤条件的数据全部输出来。
6. reduce(归并)
语法:reduce(function(prev,next,index,Array){return …})
eg: var arr = [6, 8, 34, 78, 0, 6, 3, 7];
var list = arr.reduce(function(prev,next){
return pre+next;
})
【注】:归并的意思是将第一个参数prev与第二个参数next进行运算,并将运算后的结果赋值给第一个参数prev,而next则为第三个参数。以此类推,上述计算为所有数据相加的结果。适用于求和

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值