专栏首页vue的实战2019-08-20 ES6的 数组方法,变量的定义,模板字符串(第一天)

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

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

// 场景二


// 变量的定义

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

我来说两句

0 条评论
登录 后参与评论

相关文章

  • react中使用echarts和富文本

    用户4344670
  • 2019-11-03有关flex(伸缩布局的使用)

    用户4344670
  • element-ui日期选择器的日期格式转换(d.getFullYear() 提示找不到。)

    时间必须用: var d = new Date( )格式来转换 如果没有用 new Date(); 那么有可能 d.getFullYear() 会提示找...

    用户4344670
  • JavaScript异步编程设计快速响应的网络应用

    因为setTimeout回调在while循环结束运行之前不可能被触发! 调用setTimeout时,会有一个延时事件排入队列。然后继续执行下一行代码,直到再...

    奋飛
  • JavaScript

    JavaScript是前端的一门编程语言简称JS,需要说明的是JS和java没有关系,js也叫ecmascript,当前使用较多的版本是5.1版本。

    GH
  • 知识总结:四个例子理解闭包//例一//例二//例三//例四

    /** * 闭包原理 * @date   2017-04-10 14:04:17 * @version 1 */ //理解作用域、作用域链 //内部作用域可以通...

    牛客网
  • 深入理解JavaScript系列(32):设计模式之观察者模式

    观察者模式又叫发布订阅模式(Publish/Subscribe),它定义了一种一对多的关系,让多个观察者对象同时监听某一个主题对象,这个主题对象的状态发生变化时...

    用户4962466
  • JavaScript异步编程

    平时开发经常会用到js异步编程,由于前端展示页面都是基于网络机顶盒(IPTV的一般性能不太好,OTT较好),目前公司主要采取的异步编程的方式有setTimeou...

    Jack Chen
  • 执行上下文

    解析: a)先填充参数,x:undefined;y:undefined;z:undefined; b)函数申明,在vo对象里有了function fn(){};...

    天天_哥
  • 12个非常有用的JavaScript技巧

    在这篇文章中,我将分享12个非常有用的JavaScript技巧。这些技巧可以帮助你减少并优化代码。 1) 使用!!将变量转换成布尔类型 有时,我们需要检查一些变...

    CSDN技术头条

扫码关注云+社区

领取腾讯云代金券