es6.png
// console.log("kk"); var colors =['blue','res','green']; // 使用es6 来遍历数组 里面就是一个迭代器函数 // colors.forEach(function(color) { // console.log(color); // }); colors.forEach(function(color,index) { console.log(color,index); }) // 第一个方法: forEach 循环遍历数组 // 练习: 遍历数组中的值来,计算总和 var numbers = [1,2,3,4,5]; var sum = 0; numbers.forEach(function(number){ sum += number; }) // console.log(sum); var numbers = [1,2,3,4,5]; var sum = 0; // 封装成函数的形式 function add(number){ sum += number; } numbers.forEach(add); // console.log(sum); // 第二个方法 : map 使用场景: 拷贝的过程中改变一些东西; 拿到一些对应的数据; map 一定要设置return ,不然就是underfind var numbers = [1,2,3]; var doubledNumbers= []; var doubled = numbers.map(function(number) { return number*2; /// 拷贝的过程中改变一些东西; }) console.log(doubled); var objs = [ {name:"liu",age:34}, {name: "jack",age: 18} ] var ages = objs.map(function(age) { return age.age; /// 拿到一些对应的数据; }); console.log(ages); /// 第三个方法: filte(过滤)和find( ) var filters =[ {name: "red",type: "color",age: 14}, {name: "blue",type: "color",age: 30}, {name: 123,type:"num",age: 18}, { name: 344,type: "num",age: 50} ]; var colors = filters.filter(function(filter){ return filter.type=== "color"; /// filte(过滤) 用来过滤颜色 但是拿到的是一个对象 }) console.log(colors); // 场景二 // 变量的定义
本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。
我来说两句