我一直在阅读ES6中介绍的解构分配.
这种语法的目的是什么,它为什么被引入,以及它在实践中如何使用的一些例子?
说,我有一个对象
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) 我基本上想取出数组中的第一个对象并获取它的名称。这里唯一的挑战是我试图在父对象中解构它:
const exampleObject = {
collection: [{
name: "First Object",
}, {
name: "Second Object",
}],
};
const {
collection: [firstObject: {
name
}]
} = exampleObject;
console.log(firstObject);Run Code Online (Sandbox Code Playgroud)
有可能吗?