ES5和6的一些新特性

  1. let:声明一个变量,不会越界 const:声明一个常量

  2. 字符串扩展API
    includes:返回布尔值,表示是否找到了参数字符串。
    startsWith:返回布尔值,表示参数字符串是否在原字符串的头部。
    endsWith:返回布尔值,表示参数字符串是否在原字符串的尾部。
    const ss = ``:换行
    在这里插入图片描述在这里插入图片描述

  3. 解构表达式

    • 数组解构:let [x,y,z]=arr
      在这里插入图片描述
    • 对象解构: let {name:a, age:b}=person
      在这里插入图片描述在这里插入图片描述
  4. 函数
    赋默认值:方法参数列表赋默认值 (a, b=1)=>{}
    箭头函数:()=>{}
    在这里插入图片描述
    对象中定义函数:

    • 传统 eat:function (){}
    • 箭头 eat:()=>{}
    • 简写 eat(){}

    在这里插入图片描述 - 箭头函数结合结构表达式:({name})=>{}
    在这里插入图片描述

  5. map和reduce

    • map(fun):处理一个数组,遍历数组中的每一个元素用fun处理,把处理结果放入新的数组
      在这里插入图片描述
    • reduce(fun(a, b),初始值):
      eg:const arr=[10,20,30]
      reduce((a,b)=>a+b,100)
      没有初始值(1. a=10 b=20 2. a=30 b=30) 有初始值(1.a=100 b=10 2.a=110 b=20)(第二个参数为初始值100,即第一次reduce处理的第一个元素为初始值,第二个为数组的第一个元素)
      在这里插入图片描述
  6. 对象的扩展方法
    keys:获取对象的所有key形成的数组
    values:获取对象的所有value形成的数组
    entries::获取对象的所有key和value形成的二维数组。格式:[[k1,v1],[k2,v2],…]
    assign(dest, …src) :将多个src对象的值 拷贝到 dest中(浅拷贝)
    在这里插入图片描述

  7. 数组扩展方法

  • find(callback):数组实例的find方法,用于找出第一个符合条件的数组成员。它的参数是一个回调函数,所有数组成员依次执行该回调函数,直到找出第一个返回值为true的成员,然后返回该成员。如果没有符合条件的成员,则返回undefined。
  • findIndex(callback):数组实例的findIndex方法的用法与find方法非常类似,返回第一个符合条件的数组成员的位置,如果所有成员都不符合条件,则返回-1。
  • includes(数组元素):与find类似,如果匹配到元素,则返回true,代表找到了。
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值