2019-08-20 ES6的 数组方法，变量的定义，模板字符串（第一天）

es6.png

代码语言：javascript复制

// 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);

// 场景二


// 变量的定义

png

0 人点赞