从javascript中的嵌套对象中删除对象

如何解决从javascript中的嵌套对象中删除对象

我有这个结构的嵌套对象。

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)

---

参考

Destructuring assignment

Spread operator (...)

Object.prototype.entries()

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>`)