How to change property content in array?

Question

I have this array:

var arr=[{Id:'3',Status:True, ObjectId:'23'},
         {Id:'4',Status:False, ObjectId:'5'},
         {Id:'5',Status:True, ObjectId:'78'},
         {Id:'6',Status:False, ObjectId:'54'},
         {Id:'7',Status:True, ObjectId:'85'}]

The status is Boolean type.

In arr variable I need to change the content of all properties.

Where Status is True I need to set it as Fixed.

Where Status is False I need to set it as Damaged.

Here is desired result:

var arr=[{Id:'3',Status:Fixed, ObjectId:'23'},
         {Id:'4',Status:Damaged, ObjectId:'5'},
         {Id:'5',Status:Fixed, ObjectId:'78'},
         {Id:'6',Status:Damaged, ObjectId:'54'},
         {Id:'7',Status:Fixed, ObjectId:'85'}]

What is the best way to implement it?

is Fixed a string?

Nina Scholz
– Nina Scholz

2016-10-26 11:29:14 +00:00
Commented Oct 26, 2016 at 11:29 — Nina Scholz
– Nina Scholz, Commented Oct 26, 2016 at 11:29

Suren Srapyan · Accepted Answer · 2016-10-26 11:50:06Z

4

Try this approach

Use Angular.ForEach as you have mentioned it in the tags

var arr=[{Id:'3',Status:true, ObjectId:'23'},
             {Id:'4',Status:false, ObjectId:'5'},
             {Id:'5',Status:true, ObjectId:'78'},
             {Id:'6',Status:false, ObjectId:'54'},
             {Id:'7',Status:true, ObjectId:'85'}]

angular.forEach(arr, function(value, key) {
  value.Status = value.Status ? 'Fixed' : 'Damaged';
});

console.log(arr);

<script src="https://ajax.googleapis.com/ajax/libs/angularjs/1.2.23/angular.min.js"></script>

Or without Angular you can do

var arr=[{Id:'3',Status:true, ObjectId:'23'},
         {Id:'4',Status:false, ObjectId:'5'},
         {Id:'5',Status:true, ObjectId:'78'},
         {Id:'6',Status:false, ObjectId:'54'},
         {Id:'7',Status:true, ObjectId:'85'}]

arr.forEach(item => item.Status = item.Status ? 'Fixed' : 'Damaged');

console.log(arr);

As was mentioned in the comment, this approach will not work in IE 8

edited Oct 26, 2016 at 11:50

answered Oct 26, 2016 at 11:29

Suren Srapyan

68.9k14 gold badges128 silver badges119 bronze badges

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

4 Comments

Suren Srapyan Over a year ago

@Mistalis you are right. For it only stays to loop over an array en manually change everthing

Mistalis Over a year ago

You can also use angular.forEach, it works on all web browsers

Suren Srapyan Over a year ago

He doesn't use angular

Suren Srapyan Over a year ago

@Michael I shown you the syntax. See the first code snippet

Weedoze · Accepted Answer · 2016-10-26 11:58:20Z

1

using Array.prototype.map(...)

This is not supported by IE8

var arr = [{
  "Id": '3',
  "Status": true,
  "ObjectId": '23'
}, {
  "Id": '4',
  "Status": false,
  "ObjectId": '5'
}, {
  "Id": '5',
  "Status": true,
  "ObjectId": '78'
}, {
  "Id": '6',
  "Status": false,
  "ObjectId": '54'
}, {
  "Id": '7',
  "Status": true,
  "ObjectId": '85'
}];

arr.map(function(item){
  item.Status = item.Status ? "Fixed" : "Damage";
});

console.log(arr);

edited Oct 26, 2016 at 11:58

answered Oct 26, 2016 at 11:32

Weedoze

14k2 gold badges38 silver badges65 bronze badges

Comments

George Kagan · Accepted Answer · 2016-10-26 11:32:29Z

0

Non ES6:

arr.map(function(item) {
    item.Status = item.Status ? 'Fixed' : 'Damaged';
    return item;
})

answered Oct 26, 2016 at 11:32

George Kagan

6,1448 gold badges50 silver badges50 bronze badges

Collectives™ on Stack Overflow

How to change property content in array?

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

4 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related