ES6的小总结

  1. es6是新一代的JavaScript 的标准,尤其你要学习React,那就必须要学es6啊,因为不然,你压根就是蒙的,我后续也会更新react 的博客,es6的几个常用的更新一下
    **ForEach **
     var conlors = ["red", "123", "789"]
     conlors.forEach(function (r) {
              console.log(r);
     })
      // foreach 循环   循环之后是字符串

map

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

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

Filter

  1. 假定有一个数组对象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

  1. 假定有一个对象数组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

  1. 计算数组总和,有些时候还可以代替map,set
    var nums=[10,11,12]
    var bul=nums.reduce(function(num2,nim){
       return num2+nim
     })
    console.log(bul)
// reduce() 方法接受四个参数:初始值(或者上一次回调函数的返回值),当前元素值,当前索引,调用 reduce() 的数组。

后续持续更新…
我的博客即将同步至腾讯云+社区,邀请大家一同入驻:https://cloud.tencent.com/developer/support-plan?invite_code=1p0q68gwegobl

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值