问题描述
我有这个结构的嵌套对象。
mainObject: {
1: {
id: 1,name:'alpha'
},2: {
id: 2,name:'beta'
},3: {
id: 3,name:'gamma'
}
}
我想从这个对象上删除对象,比如说1,但是那是一成不变的。我尝试了以下代码。
const list =Object.values(mainObject)
const newList=list.filter((item)=>{item.id!=1})
newList.forEach((item)=>{
mainObject[item.id]={
id: item.id,name:item.name
}
})
这不起作用。我在做什么错。预先感谢。
解决方法
您可以使用销毁分配进行删除
const { 1: _,...newObject } = mainObject
const mainObject = {
1: {
id: 1,name: "alpha",},2: {
id: 2,name: "beta",3: {
id: 3,name: "gamma",}
const { 1: _,...newObject } = mainObject
console.log(mainObject)
console.log(newObject)
或将mainObject
克隆到另一个对象中,然后应用删除
const newObject = { ...mainObject }
delete newObject[1]
const mainObject = {
1: {
id: 1,}
const newObject = { ...mainObject }
delete newObject[1]
console.log(mainObject)
console.log(newObject)
或将对象转换为键值对数组,拒绝删除对,然后将其转换回对象
const newObject = Object.fromEntries(
Object.entries(mainObject).filter(([key]) => key !== "1")
)
const mainObject = {
1: {
id: 1,}
const newObject = Object.fromEntries(
Object.entries(mainObject).filter(([key]) => key !== "1")
)
console.log(mainObject)
console.log(newObject)
参考
Object.prototype.fromEntries()
,您可以使用delete
运算符和spread
语法来实现所需的功能。
对于您提到的对象,让我一窥。
const mainObject = {
1: {
id: 1,name: 'alpha',name: 'beta',name: 'gamma',};
const newObj = { ...mainObject};
delete newObj["1"];
详细了解MDN上的传播语法
有关MDN上的delete
运算符的更多信息
希望有帮助?
const mainObject = {
1: {
id: 1,};
const newObj = { ...mainObject};
delete newObj["1"];
document.write(`<p>mainObject:</p> <pre> ${JSON.stringify(mainObject)} </pre>`)
document.write(`<p>newObj:</p> <pre> ${JSON.stringify(newObj)} </pre>`)