美文网首页
2019-08-20 ES6的 数组方法,变量的定义,模板字符串

2019-08-20 ES6的 数组方法,变量的定义,模板字符串

作者: 冬天的_太阳 | 来源:发表于2019-08-20 18:11 被阅读0次
    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);
    
    // 场景二
    
    
    // 变量的定义
    
    
    
    

    相关文章

      网友评论

          本文标题:2019-08-20 ES6的 数组方法,变量的定义,模板字符串

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