How to set specific property value of all objects in a javascript object array (lodash)

Question

I have following object array:

var arr = [
  {
    id    : "a1",
    guid  : "sdfsfd",
    ...
    value : "abc",
    status: "active"
  },
  {
    id    : "a2",
    guid  : "sdfsfd",
    ...
    value : "def",
    status: "inactive"
  },
  {
    id    : "a2",
    guid  : "sdfsfd",
    ...
    value : "def"
  },
  ...
]

How to set "status" property of each object to "active". So the resulting array will be:

var arr = [
  {
    id    : "a1",
    guid  : "sdfsfd",
    ...
    value : "abc",
    status: "active"
  },
  {
    id    : "a2",
    guid  : "sdfsfd",
    ...
    value : "def",
    status: "active"
  },
  {
    id    : "a2",
    guid  : "sdfsfd",
    ...
    value : "def",
    status: "active"
  },
  ...
]

Additionally this should create the property "active" if doesn't exists.

I can do this using for loops. But I'm pretty much sure lodash can do this in one line like:

arr = _.set_property(arr, "status", "active");

Possible duplicate of How to replace an object in object array in javascript (lodash) — guest271314
– guest271314, Commented Feb 16, 2017 at 23:21
Hi try this link its trying to do the same but by index. stackoverflow.com/questions/27641731/… — Arif Imtiaz
– Arif Imtiaz, Commented Feb 16, 2017 at 23:24
arr.forEach(it=>it.status='active'); use the force Luke. Take time to look at global standard JavaScript objects and methods for Array and Object: developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/… instead of using duplication of outdated libraries and thereby maintain practical knowledge — jimmont
– jimmont, Commented Feb 8, 2020 at 19:28

Legends · Accepted Answer · 2023-09-18 07:19:25Z

29

You don't need lodash for this.

The first object is missing your status property and it will be added.

Showing two ways:

IMMUTABLE VERSION (We create a new array using map)

const arrImmutableVersion = arr.map(e => ({...e, status: "active"}));

MUTABLE VERSIONS (We change the original array)

arr.forEach((el)=>{el.status = "active";})

or

arr.forEach(function(el){el.status = "active";})

var arr = [
  {
    id    : "a1",
    guid  : "sdfsfd",   
    value : "abc"
  },
  {
    id    : "a2",
    guid  : "sdfsfd",   
    value : "def",
    status: "inactive"
  },
  {
    id    : "a2",
    guid  : "sdfsfd",   
    value : "def",
    status: "active"
  } 
];

// SHOWING THREE WAYS HOW YOU CAN DO IT

// MUTABLE VERSIONS - We change the original array
arr.forEach((el)=>{el.status = "active";}) // ES6
// or
arr.forEach(function(el){el.status = "active";}) 
//or
// IMMUTABLE VERSION - We create a new array using `map`
const arrImmutableVersion = arr.map(e => ({...e, status: "active"})); // ES6
//--------------------------------------------------------------


// RESULTS:
console.log("logging results of object 'arr'");
console.log(arr);
console.log("---------------------------------------------------------");
console.log("logging results of object 'arrImmutableVersion'");
console.log(arrImmutableVersion);

edited Sep 18, 2023 at 7:19

answered Feb 16, 2017 at 23:12

Legends

22.9k17 gold badges102 silver badges133 bronze badges

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

1 Comment

Andrew Willems Over a year ago

Immutable ES6/ES2015 version: const newArr = arr.map(e => ({...e, status: "active"}))

random_user_name · Accepted Answer · 2017-08-02 16:14:33Z

14

Indeed, you don't need Lodash, but the question is tagged Lodash, and using Lodash offers some useful defenses that reduces the risk of errors. This solution utilizes _.forEach and _.set

 // _.forEach won't throw errors if arr is not an array...
 _.forEach(arr, function (obj) {
    // _.set won't throw errors if obj is not an object. With more complex objects, if a portion of the path doesn't exist, _.set creates it
     _.set(obj, 'status', 'active');
 });

If you wanted to make it abstract, you could build a Lodash mixin:

_.mixin({
    setProperty: function(arr, key, val) {
        _.forEach(arr, function (obj) {
            _.set(obj, path, val);
        });
    }
});

Then, you could use it exactly as you described:

_.setProperty( arr, 'status', 'active' );

answered Aug 2, 2017 at 16:14

random_user_name

26.3k7 gold badges81 silver badges119 bronze badges

3 Comments

ryanm Over a year ago

Nice 'mixin' example! Another possibility, though a bit of a 'loaded' one-liner: _.map(arr, function(o) { _.set(o, 'status', 'active'); });.

Jimmy_m Over a year ago

Another one-liner: _.each(arr, itm => _.set(itm, 'status', 'active'));

Craig Over a year ago

you don't need lodash to do simple stuff like this.

Shady Smaoui · Accepted Answer · 2021-02-14 05:43:32Z

3

A way simpler and and cleaner way !

If you want to use func programming in a proper manner

  myArray = myArray.map(arrayElem => {
    arrayElem.property = newValue
    return arrayElem
  })

edited Feb 14, 2021 at 5:43

answered Nov 8, 2020 at 6:14

Shady Smaoui

1,38114 silver badges15 bronze badges

1 Comment

R-D Over a year ago

ESLint: Assignment to property of function parameter 'i'.(no-param-reassign)

Collectives™ on Stack Overflow

How to set specific property value of all objects in a javascript object array (lodash)

3 Answers 3

1 Comment

3 Comments

1 Comment

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

1 Comment

3 Comments

1 Comment

Your Answer

Sign up or log in

Post as a guest

Linked

Related