迭代的方法(遍历方法)

迭代的方法(遍历方法)

迭代的方法有:forEach、map、some、every、fillter、reduce、find、findIndex

1、forEach():数组遍历,无返回值

var a = [1,2,3,4,5];
a.forEach(function (item,index,a) { //声明式
console.log(item, index, a);//值,索引,原数组
});

2、map():遍历数组,有返回值,可以对原数组进行操作

 var a = [1,2,3,4,5];
 var res = a.map(function (item,index,a) {
    return item*2; //将回调函数的返回值放入一个新数组中,最后将新数组作为map方法的返回值
 })
 console.log(a);//[1, 2, 3, 4, 5]
 console.log(res);//[2, 4, 6, 8, 10]

3、some:有一个为真返回true,所有为假返回false

 var ary = [1,2,3,4,5];
 var res = ary.some(function (item,index,ary) {
      return item>3;
 })
 console.log(res);//true

4、every:有一个为假返回false,所有为真返回true

 var ary = [1,2,3,4,5];
 var res = ary.every(function (item,index,ary) {
 return item>3;
 })
 console.log(res);//false

5、filter:过滤 把满足条件的留下,不满足的过滤掉

 var ary = [1,2,3,4,5];
 var res = ary.filter(function (item,index,ary) {
     return item>2;
 })
 console.log(res);//[3,4,5]

6、find:找出数组中符合条件的第一个元素。没找到就是undefined

let arr = [1,2,3,4,5]
arr.find(function(item,index,arr) {
  return item>3
})
console.log(value)

7、findIndex:返回符合条件的第一个数组成员的位置下标。没找到就是-1

let arr = [1,2,3,4]
let index = arr.findIndex(function(item,index) {
  return item > 2
})
console.log(index)//3
var index = arr2.findIndex(function (value) {
   return value >= 8;
})
console.log(index);

8、reduce(): 遍历数组, 返回参数函数里的返回值.一般作为累加器计算总价

let arr = [1, 2, 3, 4];
// 情况1
// firstItem表示第一个参数,item表示除参数1之外剩余的参数
const arr1 = arr.reduce((firstItem, item) => {
	return firstItem += item;
})
console.log(arr1);  //10
// 情况2
// firstItem表示一个函数,默认值设置为0 ,item所有元素
const arr2 = arr.reduce((firstItem, item) => {
       return firstItem += item
},0)
console.log(arr2); //10
  • 9
    点赞
  • 8
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值