ES6、ES7语法

一、字符串的扩展

  1. includes(str) : 判断是否包含指定的字符串
  2. startsWith(str) : 判断是否以指定字符串开头
  3. endsWith(str) : 判断是否以指定字符串结尾
  4. repeat(count) : 重复指定次数

例:

二、 数值扩展

  1. 二进制与八进制数值表示法: 二进制用0b, 八进制用0o
  2. Number.isFinite(i) : 判断是否是有限大的数
  3. Number.isNaN(i) : 判断是否是NaN
  4. Number.isInteger(i) : 判断是否是整数
  5. Number.parseInt(str) : 将字符串转换为对应的数值
  6. Math.trunc(i) : 直接去除小数部分

例:

三、数组扩展

  1. Array.from(v) : 将伪数组对象或可遍历对象转换为真数组












  1. Array.of(v1, v2, v3) : 将一系列值转换成数组

    [1, 4, "abc", true]

  2. find(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素

  3. findIndex(function(value, index, arr){return true}) : 找出第一个满足条件返回true的元素下标


    四、对象扩展
    1、 Object.is(v1, v2)

  • 判断2个数据是否完全相等
    console.log(0 == -0);//true
    console.log(NaN == NaN);//false
    console.log(Object.is(0, -0));//false
    console.log(Object.is(NaN, NaN));//true
  1. Object.assign(target, source1, source2..)
  • 将源对象的属性复制到目标对象上
    例:
    let obj = {};
    let obj1 = {username:'iverson', age:43};
    let obj2 = {sex: '男'};
    Object.assign(obj, obj1, obj2);
    console.log(obj);
    {username: "iverson", age: 43, sex: "男"}
  1. 直接操作 proto 属性
    let obj2 = {};
    obj2.proto = obj1;

     let obj3 = {};
    

    let obj4 = {money: 5000000};
    obj3.proto = obj4;
    console.log(obj3);//{}
    console.log(obj3.money);//5000000
    五、对象的深度克隆
    1、数据类型:

    • 数据分为基本的数据类型(String, Number, boolean, Null,Undefined)和对象数据类型
    • 基本数据类型:
      特点: 存储的是该对象的实际数据
    • 对象数据类型:
      特点: 存储的是该对象在栈中引用,真实的数据存放在堆内存里
      2、复制数据
    • 基本数据类型存放的就是实际的数据,可直接复制
      let number2 = 2;
      let number1 = number2;
    • 克隆数据:对象/数组
      1、区别: 浅拷贝/深度拷贝
      判断: 拷贝是否产生了新的数据还是拷贝的是数据的引用
      知识点:对象数据存放的是对象在栈内存的引用,直接复制的是对象的引用
      let obj = {username: 'kobe'}
      let obj1 = obj; // obj1 复制了obj在栈内存的引用
      2、常用的拷贝技术
      1). arr.concat(): 数组浅拷贝
      2). arr.slice(): 数组浅拷贝
      3). JSON.parse(JSON.stringify(arr/obj)): 数组或对象深拷贝, 但不能处理函数数据
      4). 浅拷贝包含函数数据的对象/数组
      5). 深拷贝包含函数数据的对象/数组
      拷贝数据:
      基本数据类型:
      拷贝后会生成一份新的数据,修改拷贝以后的数据不会影响原数据
      对象/数组:
      拷贝后不会生成新的数据,而是拷贝了引用。修改拷贝以后的数据会影响原数据
      拷贝数据的方法:
      1、直接赋值给一个变量 //浅拷贝
      2、Object.assign() //浅拷贝
      3、Array.prototype.concat() //浅拷贝
      4、Array.prototype.slice() //浅拷贝
      5、JSON.parse(JSON.stringify()) //深拷贝(深度克隆),拷贝的数据里不能有函数,因为它处理不了
      浅拷贝(对象/数组):
      特点:拷贝的引用,修改拷贝以后的数据会影响原数据,使得原数据不安全
      深拷贝(深度克隆)
      特点:拷贝的时候生成新数据,修改拷贝以后的数据不会影响原数据
      思考:
      如何实现深度克隆
      拷贝的数据里有对象/数组会发生浅拷贝
      深拷贝的数据里不能有对象/数组,即使有,还可以继续遍历对象/数组,拿到每一项的值,直到拿到的都是基本数据类型,然后再赋值,就是深度克隆
      知识点储备
      如何判断数据类型: arr-->Array null-->Null
      1、typeof返回的数据类型: String、Number、Boolean、Undefined、Object、Function
      2、Object.prototype.toString.call(obj)
      for in循环 对象(属性名)、数组(下标)
      六、Set和Map数据结构
  2. Set容器 : 无序不可重复的多个value的集合体

  • Set()
  • Set(array)
  • add(value)
  • delete(value)
  • has(value)
  • clear()
  • size
  1. Map容器 : 无序的 key不重复的多个key-value的集合体
    七、for_of循环
    for(let value of target){}循环遍历
  2. 遍历数组
  3. 遍历Set
  4. 遍历Map
  5. 遍历字符串
  6. 遍历伪数组
  • Map()
  • Map(array)
  • set(key, value)//添加
  • get(key)
  • delete(key)
  • has(key)
  • clear()
  • size
  1. 指数运算符(幂): **
  2. Array.prototype.includes(value) : 判断数组中是否包含指定value

你可能感兴趣的:(ES6、ES7语法)