面试Code + ES6写法让代码更优雅

null传导运算符

  const info=res?.data?.info;//左边值不为空可以取到右边的值

null 判断运算符 ??

  //当response.data不为null和undefined的时候,就返回response.data ,否则位‘400’
  const result = response.data ?? '400';

指数操作符

let res = 2**10;
console.log(res);//1024

数组中取值

 const arr = [1, 2, 3, 4, 5];
 let [a1, a2,,,a5] = arr;
 console.log(a1); //1 
 console.log(a5); //5

扩展运算符运用于数组

 const arr1 = [1, 2, 3, 4, 5];
 const arr3 = [11, 12, 13, 14]
 //***拷贝数组***
 const arr2 = [...arr1];//[1, 2, 3, 4, 5]
 //***合并数组***
 const arr4 = [...arr1, ...arr3];//[1, 2, 3, 4, 5, 11, 12, 13, 14]
 const arr5 = [0, ...arr1, 6, 7, 8];//) [0, 1, 2, 3, 4, 5, 6, 7, 8] 
 //***将数组扩展位函数的参数***
  function fun(x, y, z) {
            return x + y + z;
        }
        const nums = [1, 2, 3];
        let res = fun(...nums);
        console.log(res);//6

对象中取值

 const obj = {
            a1:1,
            a2:2,
            a3:3,
            a4:4
         }
         let {a1, a4} = obj;
         console.log(a1); //1 

// ***修改默认变量的名称***
  let {a1:b1, a4:b4} = obj;
  console.log(b1); //1 
  console.log(b4); // 4

扩展运算符运用于对象

  const obj1 = {
            a1: 1,
            a2: 2
        } 
  const obj2 = {
            a3: 3,
            a4: 4
        } 
  //***克隆对象***
  let obj3 = {...obj1};
  console.log(obj3); //{a1: 1, a2: 2}

  //***合并对象***
  let obj4 = {...obj1,...obj2};
  console.log(obj4); //{a1: 1, a2: 2, a3: 3, a4: 4}

  //排除对象属性
  let {a3,...others} = obj4;//排除obj4 的a3 属性
  console.log(others); //{a1: 1, a2: 2, a4: 4}

Object keys,Object.values,Object.entries

  const obj1 = {
            a1: 1,
            a2: 2
        } 
  const obj2 = {
            a3: 3,
            a4: 4
        }
  let obj4 = {...obj1,...obj2};
  console.log(Object.keys(obj4));//['a1', 'a2', 'a3', 'a4']
  console.log(Object.values(obj4));//[1, 2, 3, 4]
  console.log(Object.entries(obj4));//键值对集合二维数组 
  

交换2个变量的值

  let a = 1;
  let b = 2;
  [a, b] = [b, a]