Manipulating object properties within an array through iteration

Question

Manipulating object properties within an array through iteration

Here is the array I am working with:

var data = [
{"firstname":"A","middlename":"B","lastname":"C"},
{"firstname":"L","middlename":"M","lastname":"N"},
{"firstname":"X","middlename":"Y","lastname":"Z"}
];

I need to update the values for all keys - firstname, middlename, and lastname in this array.

var updatedData = [];
angular.forEach(data, function(item, key) {
    modifiedValues = {};
    angular.forEach(item, function(value, key1) {
          var newValue = value + "constant";
          modifiedValues[key1] = newValue;
    });
    updatedData.push(modifiedValues);    
});

Any assistance on this task would be greatly appreciated. Thank you in advance.

javascript angularjs arrays javascript-objects

Answer 1

Answer №1

var data = [{
    "name": "John",
    "age": 25,
    "city": "New York"
  },
  {
    "name": "Emily",
    "age": 30,
    "city": "Los Angeles"
  },
  {
    "name": "Michael",
    "age": 22,
    "city": "Chicago"
  }
];
console.log(data.map(obj => {
  return Object.keys(obj).map(key => obj[key] += " added text")
}));

Answer 2

var data = [{
    "name": "John",
    "age": 25,
    "city": "New York"
  },
  {
    "name": "Emily",
    "age": 30,
    "city": "Los Angeles"
  },
  {
    "name": "Michael",
    "age": 22,
    "city": "Chicago"
  }
];
console.log(data.map(obj => {
  return Object.keys(obj).map(key => obj[key] += " added text")
}));

Answer 3

Answer №2

It appears that your goal is to create a map

You may want to consider the following approach:

let data = [
{"first":"John","middle":"Doe","last":"Smith"},
{"first":"Jane","middle":"Marie","last":"Johnson"},
{"first":"Alex","middle":"James","last":"Brown"}
];

let modifiedData = data.map(function(item) {
  return {
     "first" : item.first  + "suffix",
     "middle": item.middle + "suffix",
     "last"  : item.last   + "suffix"
  }
})

Answer 4

It appears that your goal is to create a map

You may want to consider the following approach:

let data = [
{"first":"John","middle":"Doe","last":"Smith"},
{"first":"Jane","middle":"Marie","last":"Johnson"},
{"first":"Alex","middle":"James","last":"Brown"}
];

let modifiedData = data.map(function(item) {
  return {
     "first" : item.first  + "suffix",
     "middle": item.middle + "suffix",
     "last"  : item.last   + "suffix"
  }
})

Answer 5

Answer №3

One way to transform an array of objects is by using a combination of map() and reduce().

var data = [
  {"name":"John","age":30},
  {"name":"Jane","age":25},
  {"name":"Jake","age":35}
]

var newData = data.map(function(person) {
  return Object.keys(person).reduce(function(obj, key) {
    return obj[key] = person[key] + ' years old', obj
  }, {})
})

console.log(newData)

Answer 6

One way to transform an array of objects is by using a combination of map() and reduce().

var data = [
  {"name":"John","age":30},
  {"name":"Jane","age":25},
  {"name":"Jake","age":35}
]

var newData = data.map(function(person) {
  return Object.keys(person).reduce(function(obj, key) {
    return obj[key] = person[key] + ' years old', obj
  }, {})
})

console.log(newData)

Answer 7

Answer №4

Iterate through the objects, then update the values of each item:

var data = [{
    "name": "John",
    "age": 30,
    "city": "New York"
  },
  {
    "name": "Alice",
    "age": 25,
    "city": "Los Angeles"
  },
  {
    "name": "Bob",
    "age": 40,
    "city": "Chicago"
  }
];

let newData = data.map(item => {
  let updatedItem = {};
  for (let key in item) {
    if (item.hasOwnProperty(key))
      updatedItem[key] = item[key] + "updated";
  }
  return updatedItem;
});

console.log(newData);

Answer 8

Iterate through the objects, then update the values of each item:

var data = [{
    "name": "John",
    "age": 30,
    "city": "New York"
  },
  {
    "name": "Alice",
    "age": 25,
    "city": "Los Angeles"
  },
  {
    "name": "Bob",
    "age": 40,
    "city": "Chicago"
  }
];

let newData = data.map(item => {
  let updatedItem = {};
  for (let key in item) {
    if (item.hasOwnProperty(key))
      updatedItem[key] = item[key] + "updated";
  }
  return updatedItem;
});

console.log(newData);

Manipulating object properties within an array through iteration

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

The Parcel build was unsuccessful due to an error from @parcel/resolver-default: The file '../../../../../css/main.css' could not be loaded within the './src' directory

Experience the power of CanJS Observable data objects with the added feature of

Efficiency of Promise-based parallel insert queries in MySQL falls short

The function save is not available in the Angularjs factory class object

Angular's directives do not trigger the 'viewContentLoaded' event

Error: The React styleguidist encountered a ReferenceError due to the absence of the defined

The attribute 'checked' is not a valid property for the 'TElement' type

Exclusive gathering to discuss @Input attributes

Error: The function callback.apply is not a valid function (Node.js and Mongodb)

The next column featuring a dropdown menu

Remove user from axios response interceptor for server-side component

What is the reason that JavaScript does not run the code sequentially?

Issues arise when attempting to use two HTTP get requests in a single AngularJS controller

Tips for utilizing multiple ngFor directives for property binding within a single directive

How can I ensure that reactive form fields are properly validated in Angular2?

Converting NumPy arrays to and from a custom C++ Matrix class with the help of pybind11

On the hunt for a specialized JavaScript library for input validation?

The function screen.getByText is not available in this context

Organizing and arranging elements within an array of arrays in Swift 3

What is the method for breaking a statement within an if statement on Blogger when both the IF and ELSE conditions are met?