如何在 forEach 循环中更改数组中的 json？ JS [重复]

Question

我需要更改 JSON。

我的 JSON 数组示例：

{
    // ...any properties
    point: [
      location: {
        latitude: 0,
        longitude: 0 
      },
      name: "Point1",
      pointId: 1
    ]
}

然后我循环遍历数组：

data.points.forEach((formData: IAddress) => {
  control.push(this.initiateForm(formData));
});

得到的结果是：

{
    location: {
      latitude: 0,
      longitude: 0 
    },
    name: "Point1",
    pointId: 1
}

想要的结果是：

{
  latitude: 0,
  longitude: 0  
  name: "Point1",
  pointId: 1
}

只需删除位置 JSON，就好像从该位置弹出经度和纬度一样。

Answer 1

您可以使用Array.map、object destructuring 和spread：

const original = {
    // ...any properties
    // Here, I assume the `points` is an array of objects instead of a buggy array/object
    points: [
      {
        location: {
          latitude: 0,
          longitude: 0 
        },
        name: "Point1",
        pointId: 1
      }
    ]
};

const result = original.points
  .map( ({location, ...rest}) => ({
    ...rest,
    ...location,
  }))

Answer 2

您可以使用Object.entries、Object.fromEntries 和展开 (...) 运算符做一些工作：

const points =  [{
      location: {
        latitude: 0,
        longitude: 0 
      },
      name: "Point1",
      pointId: 1
    }];


const result = points.map(p => {
  return {
    ...Object.fromEntries(Object.entries(p).filter(e =>  e[0] != "location")),
    ...p.location
  };
});
console.log(result)

Answer 3

扁平化对象

你想要像 flatten 但在对象上的东西，所以我很快就做了一些代码。

不指定键（使用 typeof），但只指定一级对象。

const arr = [
  {
    "location": {
      "latitude": 0,
      "longitude": 0
    },
    "name": "Point1",
    "pointId": 1,
    "extraObject": {
      "one": "value1",
      "two": "value2"
    }
  },
  {
    "location": {
      "latitude": 0,
      "longitude": 0
    },
    "name": "Point1",
    "pointId": 1
  }
]


const newArr = arr.map(item => {
  return Object.keys(item).reduce((acc, key) => {
    if (typeof item[key] === 'object') {
      acc = {...acc, ...item[key]};
    } else {
      acc[key] = item[key];
    }
    return acc;
  }, {})
})

console.log(newArr);