微信公众号搜"智元新知"关注
微信扫一扫可直接关注哦!

学习笔记 JavaScript ES6 数组的各种遍历

先来复习下ES5中的数组遍历

  • for forEach
// for
let arr = [1, 2, 3];
for (let i = 0; i < arr.length; i++) {
  console.log(arr[i]);
}

// forEach
// 第一个参数:正在遍历的对象
// 第二个参数:当前索引
// 第三个参数:数组本身
arr.forEach(function(elem,index,array) {
    console.log(elem,index,array)
})

-----------------------
1 0 (3) [1, 2, 3]
2 1 (3) [1, 2, 3]
3 2 (3) [1, 2, 3]

普通的for循环和forEach间的差别:

forEach循环中不可以使用break continue关键字,也就是说,循环开始后就无法停止

  • 数组的map循环
let newarr = arr.map(function(value) {
    // /console.log(value);
    return value+1;
})

console.log(arr,newarr)

--------------------
[1,2,3] [2,3,4]

map和forEach的区别:

forEach只是简单的循环,map循环会遍历数据里的每一个元素,将返回值生成新的一个数组

  • 数组的filter循环
let newarr  = arr.filter(function(value) {
    return value == 2 // 过滤条件
})

console.log(arr,newarr)

---------------------------------
[1,2,3] [2] // [2]就是过滤后的新数组

与map的区别是:

首先同样会生成新的数组,但是filter会根据return xx=xx设置过滤条件,将过滤后结果装入新的数组

版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 [email protected] 举报,一经查实,本站将立刻删除。

相关推荐