ES6数组结构赋值、箭头函数、伪数组转换

• 对象、数组解构

      let arr = [1, 2, 3, 4, 5];
      let [a, b, c] = arr;
      // 对象赋值  对象结构允许使用变量名字匹配对象属性，匹配完将对象属性复制变量
      let objhh = {
        name: "1111",
        age: 20,
      };
      //第一种
      let { name, age } = objhh;
      console.log(name);
      console.log(age);
      //第二种子
      let { name: myName, age: myAge } = objhh;
      console.log(myName);
      console.log(myAge);

• 箭头函数

      // 箭头函数(形参)=>
      //形参只有一个得时候(可省略括号)
      let fn = (num) => {
        console.log("我是一串数字");
      };
      fn();

      //箭头函数传参
      // js普通函数写法
      let fns = function (num1, num2) {
        return num1 + num2;
      };
      //箭头函数写法
      let fnes = (num1, num2) => num1 + num2;
      console.log(fnes(2, 1));

• 剩余函数、扩展运算符 

  // 剩余参数和解构赋值
      let arrs = [2, 3, 4, 5, 6, 7, 8, 8, 8];
      let [num, num2, ...num1] = arrs;
      console.log(num, num2, num1);
      // Array.from()
      let arrLike = {
        0: "a",
        1: "b",
        2: "c",
        length: 3,
      };
      // ES5的写法
      var arr1 = [].slice.call(arrLike);
      console.log(arr1); // ['a', 'b', 'c']

      // ES6的写法
      let arr2 = Array.from(arrLike);
      console.log(arr2); // ['a', 'b', 'c']

      //扩展运算符 数组合并
      const arry1 = [1, 2, 3, 4, 5, 6];
      const arry2 = [7, 8.9, 10, 11];
      const newArray = [...arry1, ...arry2];
      console.log(newArray);

      // 数组克隆
      const clonearray = [...arry1];
      console.log(clonearray);
      //伪数组转换为真数组
      const divs = document.querySelector("div");
      const real = [...divs];