How to change json in array in forEach loop ? JS

Question

I need to change JSON.

Example of my JSON array:

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

And I loop through the array:

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

The obtained result is:

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

The desired result is:

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

Just remove location JSON as if to eject longitude and latitude from the location.

That's not [JSON](https://www.json.org/json-en.html), those are objects — Andreas, Mar 05 '21 at 14:37
The syntax is wrong. You can't have `[ prop : { } ]` that doesn't exist. — MinusFour, Mar 05 '21 at 14:46
_"results is important :)"_ - Important is to _understand_ the stuff you use. — Andreas, Mar 05 '21 at 15:03

score 0 · Answer 1 · answered Mar 05 '21 at 14:49

You can use Array.map, object destructuring and 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,
  }))

score 0 · Answer 2 · answered Mar 05 '21 at 14:52

0

You can do a bit of work with Object.entries, Object.fromEntries and the spread (...) operator:

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)

answered Mar 05 '21 at 14:52

Jamiec

133,658
13
134
193

this is got me error Property 'fromEntries' does not exist on type 'ObjectConstructor'.ts(2339) – Michael Tomas Mar 05 '21 at 15:06
1

@MichaelTomas `Object.fromEntries` is standard javascript: https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Object/fromEntries – Jamiec Mar 05 '21 at 15:46

Omer · Answer 3 · 2021-03-09T14:00:34.980

Flatten for objects

you want something like flatten but on object, so quickly I made some code do it.

without specifing the key (using typeof), but only one level object.

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

How to change json in array in forEach loop ? JS

3 Answers3

Flatten for objects