相关疑难解决方法(0)

什么是解构分配及其用途?

我一直在阅读ES6中介绍的解构分配.

这种语法的目的是什么,它为什么被引入,以及它在实践中如何使用的一些例子?

javascript destructuring ecmascript-6

13
推荐指数
1
解决办法
1310
查看次数

用转换器破坏对象

说,我有一个对象

const range = { min: '10', max: '20' }
Run Code Online (Sandbox Code Playgroud)

我想对其进行分解,以便在此之后有2个变量:
- min值为10(not string '10'),以及
- max值为20

const { min, max } = range只会min得出的值为'10'(not 10)。我想要的是Number(10)

我该怎么办?我确实对ES6解构有所了解,并进行了一些研究,尝试了不同的语法,但找不到满意的解决方案。有人可以建议一个吗?

结论:下面的答案中有一个非常不错的聪明语法,但是对于真实的代码,我只会使用更冗长但可读的代码:

const range = { min: '10', max: '20' }
Run Code Online (Sandbox Code Playgroud)

javascript object destructuring ecmascript-6

1
推荐指数
2
解决办法
63
查看次数

解构数组中的嵌套对象

我基本上想取出数组中的第一个对象并获取它的名称。这里唯一的挑战是我试图在父对象中解构它:

const exampleObject = {
  collection: [{
    name: "First Object",
  }, {
    name: "Second Object",
  }],
};

const {
  collection: [firstObject: {
    name
  }]
} = exampleObject;

console.log(firstObject);
Run Code Online (Sandbox Code Playgroud)

有可能吗?

javascript destructuring ecmascript-6

1
推荐指数
1
解决办法
2057
查看次数

标签 统计

destructuring ×3

ecmascript-6 ×3

javascript ×3

object ×1