ES6知识点（部分）

• 说明

  • ECMAJavaScript标准

• 变量声明

  • var
  • let
    • 01let与var基本一致，用作变量声明
    • 02let在一对括号{}中形成局部作用域
    • 03let声明的变量不会变量提升
    • 04let不能重复声明变量(同一作用域)
  • const
    • 01 与let一致（局部，不提升，不能重复声明）
    • 02声明必须赋值
    • 03赋值不能修改（值类型）
    • 04建议大写

• 数组的结构

  • 01数组解构:把数组解析为单个变量

    •     let arr = [1, 2, 3, 4, 5, 6];
          let [a, b, ,... c] = arr;
          console.log(a);
          console.log(b);
          console.log(c);

  • 02通过逗号跳过
  • 03...接受剩余值
  • 04可以给默认值

    •     let arr2 = [4, 5, 6, 7, 8, 9];
          let [d, e, f, g = 88] = arr2;
          console.log(d, e, f, g);

  • 05快速交换变量

    •     var k = 100;
          var j = 10;
          [k, j] = [j, k]
          console.log(k, j);

• 对象简写

• 字符串

  • 遍历 for of
  • 查找
    • includes 是否包含
    • startsWith 以xxx开头
    • endsWith 以xxx结尾

    •    var str = "我爱我的祖国，我的祖国，是中国的国";
         alert(str.endsWith("国"))
         alert(str.startsWith("国"))

  • 补齐
    • padStart (len,symbol)
      • len：要个数
      • symbol ：补得元素
    • padEnd(len,symbol)

    •    var str = "1";
         console.log(str.padStart(3, "0")); 
         console.log(str.padEnd(3, "*")); 

  • 去空白
    • trim两端
    • trimLeft左侧
    • trimRight右侧

    •    var mystr = "  L O V E   "
         console.log(mystr);
         console.log(mystr.trim());

• 数组

  • sort 排序

    •     arr1 = [1, 12, 15, 33, 7, 9]
          arr2 = [
              { name: '小明', age: 16, sex: '男' },
              { name: '小红', age: 17, sex: '女' },
              { name: '小白', age: 18, sex: '女' },
          ]
          arr1.sort((a, b) => a - b);
          console.log(arr1);
      
          arr2.sort((a, b) => b.age - a.age);
          console.log(arr2);

  • ES6新增
  • find查找符合条件元素

    •      var el = arr.find(function (item) {
               if (item > 5) {
                   return true
              }
           })

  • findIndex查找符合条件元素的下标

    •     var index = arr.findIndex(function(item){
              return item>5;
           })

  • forEach 遍历

  • forEach(function(item,index,self))
    item当前遍历的元素
    ​index当前的下标
    ​self被遍历的数组

• filter 过滤    

  •    var arr2 = arr.filter(function (item) {
            return item % 2 === 0;
        })

                
• map 映射
• reduce 累计
  • reduce(function(a,b)) a 上一次返回的结果 b 当前遍历的元素
• some 有一个
• every 每一个

•     var computers = [
          { name: "Apple", age: 8 },
          { name: "IBM", age: 12 },
          { name: "Acer", age: 32 },
      ];
      var one = computers.some(item => item.age > 16)
      var all = computers.every(item => item.age < 60)
      console.log("是否有一个大于16岁"+one);
      console.log("是否所有小于60岁"+all)