美文网首页
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);

// 场景二


// 变量的定义



相关文章

  • ES6最新特性汇总

    let,const代替var 模板字面量 作用:连接字符串如,旧的表示方法: ES6表示方法:使用`字符串${变量...

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

  • es6小结

    模板字符串字符串拼接不需要+,而是用``,变量用${变量名}表示 Tips:模板字符串里的变量的值取模板字符串定义...

  • ES6常用新特性

    ES6新特性介绍 模板字符串 模板字符串实现字符串拼接 模板字符串实现多行字符串 结构赋值 对象的解构赋值 数组的...

  • 21.模板字符串和标签模板字符串

    ES6新增了模板字符串,用于字符串拼接 ES6新增了标签字符串 标签模板字符串执行结果: 函数的第一个参数为数组,...

  • includes(),以及模板字符串

    includes()方法 表示某个数组是否包含给定的值,返回布尔值。 模板字符串 ES6新增的创建字符串的方式,使...

  • es6学习笔记(二)----模板

    模板字符串es6中采用反引号(`)标识,他可以当做普通字符串来使用,也可以用来定义多行字符串,或在字符串嵌入变量注...

  • es6常用知识

    es6编译 let、const const常量 模板字符串 对象的扩展(属性和方法的简洁表达式) demo4 数组...

  • es6、es7常用特性

    1、模板字符串模板字符串 不使用ES6 使用+号降变量拼接喂字符串 例:var name ='My name is...

  • ES6学习笔记

    es6学习 一、in用法 : 二、数组处理方法: 三、数字操作 四、模板字符串 五、拓展运算符 六、 Object...

网友评论

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

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