ES6 新增方法

• replaceAll()
  • replaceAll()可以一次性直接替换所有匹配的内容

  • 

  • 语法

    
  • 注意事项
    • 如果searchValue是一个不带有g修饰符的正则表达式，replaceAll( )会报错，与repluce()不同

    • 

• 类数组对象的属性名必须为数值型或字符串型的数字，要将一个类数组对象转换为一个真正的数组，必须具备以下条件：
  • 1、该类数组对象必须具有length属性，用于指定数组的长度。如果没有length属性，那么转换后的数组是一个空数组
  • 2、该类数组对象的属性名必须为数值型或字符串型的数字
  • 3、该类数组对象的属性名可以加引号，也可以不加引号
• 字符串新增方法
  • includes()方法
    • 基本用法
      • 'abc'.includes('ac') //false
      • 'abc'.includes('bc') //true
    • 第二个参数表示开始搜索的位置，默认是0
      • 'abc'.includes('a', 1) //false
  • padStart（）、padEnd（）方法 用来补全字符串长度
    • 基本用法
      • 'x'.padStart(5, 'ab')
      • x'.padEnd(5, 'ab')
    • 注意事项
      • 原字符串的长度，等于或大于最大长度，不会消减原字符串，字符串补全不生效，返回原字符串
      • 来补全的字符串与原字符串长度之和超过了最大长度，截去超出位数的补全字符串，原字符串不动
      • 如果省略第二个参数，默认使用空格补全长度
  • trimStart()、trimEnd()方法 与trimLeft()、trimRight()等价
    • 表示清除字符串的首或尾空格，中间的空格不会清除
    • 基本用法
      • const s = ' a b c '；
      • console.log(s.trimStart());
      • console.log(s.trimLeft());
      • console.log(s.trimEnd());
      • console.log(s.trimRight());
• 数组的新增方法
  • includes()方法 与字符串的includes()方法一致，也遵循严格相等
  • Array.from()方法 将其他数据类型转换成数组
    • 基本用法
      • console.log(Array.from('str'));
    • 哪些可以通过 Array.from() 转换成数组
      • 所有可遍历的，即数组、字符串、Set、Map、NodeList、arguments
      • 拥有 length 属性的任意对象
    • 第二个参数
      • 作用类似于数组的 map 方法，用来对每个元素进行处理，将处理后的值放入返回的数组
    • 第三个参数 this指向
  • find()、findIndex()方法
    • find()：找到满足条件的一个立即返回值
    • findIndex()：找到满足条件的一个，立即返回其索引
    • find()基本用法
      • [1, 5, 10, 15].find((value, index, arr) => {
      • return value > 9;
      • }, document) //9
    • findIndex() 基本用法
      • [1, 5, 10, 15].findIndex((value, index, arr) => {
      • return value > 9;
      • }, document) //2
• 对象的新增方法
  • Object.assign(目标对象, 源对象1,源对象2,...): 目标对象
    • Object.assign 直接合并到了第一个参数中，返回的就是合并后的对象 ，所以很多时候第一个参数为{}
    • 可以合并多个对象
    • 注意事项
      • 基本数据类型作为源对象
        • 与对象的展开类似，先转换成对象，再合并
          • console.log(Object.assign({}, undefined)); //{ }
          • console.log(Object.assign({}, null)); //{ }
          • console.log(Object.assign({}, 1)); //{ }
          • console.log(Object.assign({}, true)); //{ }
          • console.log(Object.assign({}, 'str')); //{0: 's', 1: 't', 2: 'r'}
      • 同名属性的替换 后面的字节覆盖前面的
  • Object.keys()、Object.values()、Object.entries()方法
    • 对象的 Object.keys()、Object.values()、Object.entries() 等方法是构造函数方法，返回的是数组
    • 数组的 keys()、values()、entries() 等方法是实例方法，返回的都是 Iterator
    • 使用 for...of 循环遍历对象，例如
      • for (const entries of Object.entries(person)) {
      • console.log(entries);
      • }