How to destructure an array with object that has space in its keys?(如何使用键中有空间的对象来解构数组?)
问题描述
data={data.map(({ ID,filePath,accountId,companyId,['First Name'], ...rest }) => rest)}
在本例中,名字是一个带空格的键,显然当按上面的方式传递时会导致错误。如何处理此场景?
推荐答案
变量名(标识符)中不能有空格,除非还重命名变量,否则您将无法将该属性结构化为独立变量,这可以使用括号表示法来完成:
data.map(({
ID,
filePath,
accountId,
companyId,
['First Name']: firstName,
...rest
}) => rest)
const data = [
{
'First Name': 'foo',
'anotherProp': 'another'
},
{
'First Name': 'bar',
'anotherProp': 'another'
}
];
const mapped = data.map(({
ID,
filePath,
accountId,
companyId,
['First Name']: firstName,
...rest
}) => rest);
console.log(mapped);
这篇关于如何使用键中有空间的对象来解构数组?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持编程学习网!
本文标题为:如何使用键中有空间的对象来解构数组?
基础教程推荐
- 最佳动态 JavaScript/JQuery 网格 2022-01-01
- 即使每次插入第一个输入的值不同,第二个输入仍显示相同的输入值 2022-01-01
- 使用 jQuery 在悬停时交换 DIV 类 2022-01-01
- 带角度的选项卡:仅使用 $http 在单击时加载选项卡 2022-01-01
- CORS:当凭据标志为真时,无法在 Access-Control-Allow-Origin 中使用通配符 2022-01-01
- 逻辑运算符 ||在 javascript 中,0 代表 Boolean false? 2022-01-01
- 从快速中间件中排除路由 2022-01-01
- HTML5 画布调整为父级 2022-01-01
- 当木偶师打开Chrome时,不能使用Chrome扩展 2022-01-01
- 在 Javascript 中使用 Fetch API 上传文件并显示进度 2022-01-01
