如何在javascript对象中添加动态键并在操作完成后将其删除?

Question

我有一个对象数组，以下面的代码为例：

Let Data =  [
{
"helptext": "streetAddress_description_text",
"name": "addressLine1",
"label": "streetAddress_label",
"placeholder": "streetAddress_sample",
"type": "text",
"required": true
},
{
"helptext": "streetAddress2_descriptor_text",
"name": "addressLine2",
"label": "streetAddress2_label",
"placeholder": "streetAddress2_sample",
"type": "text",
"required": false
},
{
"name": "city",
"label": "city_label",
"placeholder": "city_sample",
"type": "text",
"required": true
}
]

在这里，我需要在数组中存在的对象中添加一个唯一值。示例标识

[
{
"helptext": "streetAddress_description_text",
"name": "addressLine1",
"label": "streetAddress_label",
"placeholder": "streetAddress_sample",
"type": "text",
"required": true,
"id":1
},
{
"helptext": "streetAddress2_descriptor_text",
"name": "addressLine2",
"label": "streetAddress2_label",
"placeholder": "streetAddress2_sample",
"type": "text",
"required": false,
"id":2
},
{
"name": "city",
"label": "city_label",
"placeholder": "city_sample",
"type": "text",
"required": true,
"id":3
}
]

我正在使用上面的对象进行一些操作。举个例子，我正在重新排列对象位置。例如：

[
{
"name": "city",
"label": "city_label",
"placeholder": "city_sample",
"type": "text",
"required": true,
"id":3
},
{
"helptext": "streetAddress2_descriptor_text",
"name": "addressLine2",
"label": "streetAddress2_label",
"placeholder": "streetAddress2_sample",
"type": "text",
"required": false,
"id":2
},
{
"helptext": "streetAddress_description_text",
"name": "addressLine1",
"label": "streetAddress_label",
"placeholder": "streetAddress_sample",
"type": "text",
"required": true,
"id":1
}
]

在此过程之后，我需要删除我们在第一个过程中添加的id。并将值相加到服务器。有什么办法可以做到这一点。

请帮我解决这个问题。提前致谢

Answer 1

只需映射数据并使用delete从对象中删除键。

const data = [
{
"name": "city",
"label": "city_label",
"placeholder": "city_sample",
"type": "text",
"required": true,
"id": 3
},
{
"helptext": "streetAddress2_descriptor_text",
"name": "addressLine2",
"label": "streetAddress2_label",
"placeholder": "streetAddress2_sample",
"type": "text",
"required": false,
"id": 2
},
{
"helptext": "streetAddress_description_text",
"name": "addressLine1",
"label": "streetAddress_label",
"placeholder": "streetAddress_sample",
"type": "text",
"required": true,
"id": 1
}
]
const dataWithoutId = data.map(obj=>{
const newObj = {...obj}
delete newObj.id

return newObj
})
console.log(dataWithoutId)

希望这有帮助！