美文网首页
13.解构-数组

13.解构-数组

作者: Night_LION | 来源:发表于2018-06-04 08:42 被阅读0次
/**
 *  解构
 *  更快,更便捷
 *  
 */

// const names = ["Henry","Bucky","Emily"];
// 解构
// const [name1,name2,name3] = names;
// console.log(name1,name2,name3);

// 返回数组个数
// const {length} = names;
// console.log(length);

// 结合展开运算符
// const [name,...rest] = names;
// console.log(name);

// let a,b;

// [a,b] = [100,200];

// console.log(b);

// 对象数组
// const people = [
//   {name:"Henry",age:20},
//   {name:"Bucky",age:25},
//   {name:"Emily",age:30}
// ];

// es5 
// var age = people[0].age;
// console.log(age);

// es6 解构
// const [age] = people;
// const [{age}] = people;

// console.log(age);


// 使用场景 将数组转化为对象
const points = [
  [4,5],
  [10,1],
  [0,40]
];

// 期望数据格式
// [
//   {x:4,y:5},
//   {x:10,y:1},
//   {x:0,y:40}
// ]

// es6
// let newPoints = points.map(pair => {
//   // const x = pair[0];
//   // const y = pair[1];
//   const [x,y] = pair;
//   return {x,x}
// })

let newPoints = points.map(([x,y]) => {
  // const x = pair[0];
  // const y = pair[1];
  // const [x,y] = pair;
  return {x,y}
})

console.log(newPoints);

























 



 



 

相关文章

  • 13.解构-数组

  • 3.解构赋值

    解构的分类 对象解构 数组解构 混合解构 解构参数 对象解构 解构赋值 嵌套对象解构 数组解构 数组解构 选择性的...

  • ECMAScript6 -- 解构赋值

    解构赋值 数组的解构赋值 对象的解构赋值 特殊: 数组的解构赋值 如果右边不是数组,默认转换为类数组 对象的解构赋...

  • ES6系列 (六)解构

    目标 解构对象 解构数组 结合数组解构和对象解构 了解解构的类型 思考 解构对象 使用解构语句解构数据结构,提取n...

  • ES6之解构表达式

    数组解构 对象解构

  • ES6之解构

    对象解构 解构赋值 默认值 数组解构 数组解构的语法看起来与对象解构非常相似,只是将对象字面量替换成了数组字面量。...

  • 解构赋值

    解构赋值 解构赋值可分为数组解构赋值和对象解构赋值,数组解构赋值要求右侧必须可迭代(具有Iterator 接口),...

  • ES6解构赋值、交换两个变量的值、设置函数默认值、模板字符串、箭

    1,解构赋值 解构赋值主要包括数组的解构赋值、对象的解构赋值、字符串的解构赋值、函数参数的解构赋值。 (1)数组的...

  • 解构赋值,设置函数默认值,箭头函数

    1,解构赋值 解构赋值主要包括数组的解构赋值、对象的解构赋值、字符串的解构赋值、函数参数的解构赋值。 (1)数组的...

  • 数组解构、混合结构以及参数结构

    《深入理解ES6》阅读随笔 数组解构 数组解构跟对象解构类似,同样具有数据提取、解构赋值、设置默认值、嵌套解构等特...

网友评论

      本文标题:13.解构-数组

      本文链接:https://www.haomeiwen.com/subject/zvgssftx.html