ES6的小总结

我乃小神神

发布于 2019-03-20 15:17:25

7390

发布于 2019-03-20 15:17:25

文章被收录于专栏：前端基础

es6是新一代的JavaScript 的标准，尤其你要学习React,那就必须要学es6啊，因为不然，你压根就是蒙的，我后续也会更新react 的博客，es6的几个常用的更新一下 **ForEach **

     var conlors = ["red", "123", "789"]
     conlors.forEach(function (r) {
              console.log(r);
     })
      // foreach 循环   循环之后是字符串

map

就以上面的那个 “ conlors ” 为例子，其实和foreach 的用法一样，一个循环出来是字符串一个是数组而已

    var conlor = conlors.map(function (r) {
          return r;
    })
   // map 循环遍历  循环之后是数组遍历

Filter

假定有一个数组对象A，获取数组中指定对象放在B数组中

    var abc = [
    { name: 'banana', type: 'fruit' },
    { name: 'apple', type: 'fruit' },
    { name: 'water', type: 'liquid' },
    { name: 'dog', type: 'animal' },
    ]
   var cba = abc.filter(function (r) {
    return r.type==="fruit"
    })
   console.log(cba)
   // 过滤器多个判读可以直接在return 后面判断 ，比如 return r.type==="fruit" && r.name=="banana"

Find

假定有一个对象数组A，根据指定对象的条件找到数组中符合条件的对象

  var post = [
    { id: '1', title: 'vue'},
    { id: '2', title: 'react' },
    { id: '3', title: 'angular' }
    ]
    var commit={id:'1',title:"666"}
    function stite(ps,com){
          return ps.find(function(post){
          return post.id===com.id
    })
  }
  console.log(stite(post,commit))
  // find 也是和filter 的用法差不多，也是过滤筛选，只不过find 过滤出来的是对象，filter 是数组,这个针对查找只有唯一的数组，特别有效

every 一假即假 Some 一真即真

var gets = [
    { id: '1', title: 'vue'},
    { id: '2', title: 'react' },
    { id: '3', title: 'angular' }
]

var everya=gets.every(function(r){
   return r.id>4
   //返回是false
})
var some=gets.some(function(r){
    return r.id>2
   //返回是true
 })

reduce

计算数组总和，有些时候还可以代替map，set

    var nums=[10,11,12]
    var bul=nums.reduce(function(num2,nim){
       return num2+nim
     })
    console.log(bul)
// reduce() 方法接受四个参数：初始值（或者上一次回调函数的返回值），当前元素值，当前索引，调用 reduce() 的数组。

后续持续更新…

本文参与腾讯云自媒体同步曝光计划，分享自作者个人站点/博客。

原始发表：2018年12月21日，如有侵权请联系 cloudcommunity@tencent.com 删除

编程算法