前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >2019-08-20 ES6的 数组方法,变量的定义,模板字符串(第一天)

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

作者头像
用户4344670
修改2019-08-28 11:38:45
4210
修改2019-08-28 11:38:45
举报
文章被收录于专栏:vue的实战vue的实战

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

// 场景二


// 变量的定义
本文参与 腾讯云自媒体分享计划,分享自作者个人站点/博客。
原始发表:2019.08.20 ,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体分享计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档