Es6解构赋值基本使用

数组、对象、基本类型的解构赋值使用

 // 数组的解构赋值
  const [a, [[b], c]] = [1, [[3], 7]];
  //   console.log(a, b, c); 输出 1 3 7

  const [, , arr] = [1, 2, [3, 6]];
  //   console.log(arr) 输出 [3, 6]

  const [y] = [];
  //   console.log(y) 输出 undefined

  const [x = 1] = [];
  //x输出默认值1

  //对象的解构赋值
  const { name, age } = { name: '张三', age: 23 };
  //   读取对应key的值 name age分别输出 张三 23

  let { a: keys } = { a: '主键' };
  // console.log(keys); 主键

  //基本数据类型结构类型
  const [aa, bb, cc, dd] = '1234';
  // console.log(aa, bb, cc, dd); 1 2 3 4

  const { length: len } = '4eferf';
  // console.log(len);6

  const { toString: tos } = 'to';
  const { toString: tosTrue } = true;
  // console.log(
  //   tos === String.prototype.toString,
  //   tosTrue === Boolean.prototype.toString
  // );
  // 输出结果:true true

你可能感兴趣的:(javaScript实战篇,es6,javascript,开发语言)