Modifying objects inside of array using .map

Question

so i have an array .. with many objects, .. but i want to modify what is inside each object.. but not sure how to go about it. before

[{ filePath: 'stuff/stuff/someplace/',
    path: '/events/places/and/things',
    info:
     { layout: 'event-single',
       permalink: '/events/enigma-2018/',
       title: 'Enigma',
       location: 'Santa Clara, CA',
       description: 'a discription',
       start: 2018-01-30T00:00:00.000Z,
       end: 2018-02-01T00:00:00.000Z,
       address: '101 Great American Pkwy, Santa Clara, CA',
     } 
 }]

desired after

[
     { 
       permalink: '/events/enigma-2018/',
       title: 'Enigma',
       location: 'Santa Clara, CA',
       description: 'a discription',
       start: 2018-01-30T00:00:00.000Z,
       end: 2018-02-01T00:00:00.000Z,
       address: '101 Great American Pkwy, Santa Clara, CA',
     } 
 ]

this array only has one object for this example, but it would be many objects i would be modifying in the same way ..(edited) i think .map should be used.. but thats all i know

Have you read on MDN what Array.prototype.map does? You can probably solve your problem by loosely copy pasting the examples on MDN — nem035
– nem035, Commented Nov 29, 2017 at 18:46

Shriharsha KL · Accepted Answer · 2017-11-29 18:50:59Z

2

arr.map(function(obj) {
    return {
       permalink: obj.info.permalink,
       title: obj.info.title,
       location: obj.info.title,
       description: obj.info.descriptioin,
       start: obj.info.start,
       end: obj.info.end,
       address: obj.info.address,
    }
})

answered Nov 29, 2017 at 18:50

Shriharsha KL

3271 gold badge2 silver badges11 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Canta · Accepted Answer · 2017-11-29 18:53:10Z

0

var myArray = [{ filePath: 'stuff/stuff/someplace/',
    path: '/events/places/and/things',
    info:
     { layout: 'event-single',
       permalink: '/events/enigma-2018/',
       title: 'Enigma',
       location: 'Santa Clara, CA',
       description: 'a discription',
       start: '2018-01-30T00:00:00.000Z',
       end: '2018-02-01T00:00:00.000Z',
       address: '101 Great American Pkwy, Santa Clara, CA',
     } 
 }]
 
 console.log(myArray.map(function(arrayItem) {
     delete arrayItem.info.layout;
     return arrayItem.info
 }));

answered Nov 29, 2017 at 18:53

Canta

1,4802 gold badges13 silver badges26 bronze badges

Comments

CRice · Accepted Answer · 2017-11-29 18:54:49Z

const myArray = [{
  filePath: 'stuff/stuff/someplace/',
  path: '/events/places/and/things',
  info: {
    layout: 'event-single',
    permalink: '/events/enigma-2018/',
    title: 'Enigma',
    location: 'Santa Clara, CA',
    description: 'a discription',
    start: "2018-01-30T00:00:00.000Z",
    end: "2018-02-01T00:00:00.000Z",
    address: '101 Great American Pkwy, Santa Clara, CA'
  } 
}];

// Do it manually:
const mapped = myArray.map(x => ({
  permalink: x.info.permalink,
  title: x.info.title,
  location: x.info.location,
  description: x.info.description,
  start: x.info.start,
  end: x.info.end,
  address: x.info.address
}));

// Or define a set of keep keys and discard the rest:
const keepKeys = [
  "permalink",
  "title",
  "location",
  "description",
  "start",
  "end",
  "address"
];

const otherMapped = myArray.map(x => Object.keys(x.info).reduce((newObj, key) => {
  if (keepKeys.includes(key)) newObj[key] = x.info[key];
  return newObj;
}, {}));

console.log(mapped);
console.log(otherMapped);

Adam Azad · Accepted Answer · 2017-11-29 18:56:00Z

0

You can use delete command to remove info.layout

var a = [{ filePath: 'stuff/stuff/someplace/',
    path: '/events/places/and/things',
    info:
     { layout: 'event-single',
       permalink: '/events/enigma-2018/',
       title: 'Enigma',
       location: 'Santa Clara, CA',
       description: 'a discription',
       start: '2018-01-30T00:00:00.000Z',
       end: '2018-02-01T00:00:00.000Z',
       address: '101 Great American Pkwy, Santa Clara, CA',
     } 
 }]
 
 
a = a.map(o => {
 
   var o = o.info;
   delete o['layout'];
   return o;

});

console.log(a);

answered Nov 29, 2017 at 18:56

Adam Azad

11.3k5 gold badges31 silver badges74 bronze badges

Comments

edkeveked · Accepted Answer · 2017-11-29 19:03:57Z

Here, it is a generic way to have a new array that contains only the properties of the nested object. Using typeof, you check if the value of the property is an object and Object.assign to copy the object properties.

var data = [{ filePath: 'stuff/stuff/someplace/',
    path: '/events/places/and/things',
    info:
     { layout: 'event-single',
       permalink: '/events/enigma-2018/',
       title: 'Enigma',
       location: 'Santa Clara, CA',
       description: 'a discription',
       start: "2018-01-30T00:00:00.000Z",
       end: "2018-02-01T00:00:00.000Z",
       address: '101 Great American Pkwy, Santa Clara, CA',
     } 
 }]

var newArray = [];
data.forEach(element => {
var newObj = {};
Object.keys(element).forEach(key => {
  if(typeof element[key] === "object"){
    Object.assign(newObj, element[key]);
    newArray.push(newObj);
  }
})
})

console.log(newArray)

Andy · Accepted Answer · 2017-11-29 19:30:34Z

0

If/when you're comfortable with ES6 syntax you can do this quite concisely:

const out = arr.map(obj => {
  const { layout, ...rest } = obj.info;
  return { ...obj, info: rest }
});

map over the array of objects, use object destructuring to grab the layout property, and then ...rest (spread syntax) for all the other properties. Then just return the object assigning only the properties gathered in rest to the nested info object.

Here's a demonstration.

answered Nov 29, 2017 at 19:30

Andy

63.6k13 gold badges72 silver badges99 bronze badges

Collectives™ on Stack Overflow

Modifying objects inside of array using .map

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

6 Answers 6

Comments

Comments

Comments

Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related