Altering specific field value in an object array Angular 4

Question

Ive a class like this

class security
{
 public id:number;
 public name:string;
}

Then I have an array of security as follows

let s:security[]=[{id:1,name:'Alex'},{id:2,name:'John'},{id:3,name:'Philip'},{id:4,name:'Mark'},{id:5,name:'Thomas'}];

So a function if I pass the value 0, it will change all names of the array as empty string. If I pass an ID, name should change for that specific ID only.

What I tried was

var id=1;
let s2:security[]=s.find(x=>x.id==id);

Then I have to loop through s2 and change the values. But I guess for both the case rather than looping we can do that change all something like select method in linq

So how can we change object array values for all object or selected without using loop

Leandro Lima · Accepted Answer · 2018-01-25 10:45:20Z

1

The find does not return an array, so s2 is an object. You could just do:

s2.name = '';

However, if you need to change all values (in vanilla js) you have to interate the array.

s.forEach(item => item.name = '');

edited Jan 25, 2018 at 10:45

answered Jan 25, 2018 at 10:24

Leandro Lima

1,1648 silver badges12 bronze badges

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

2 Comments

Sandeep Thomas Over a year ago

OK.. I am using Foreach. But using callback function there.. Not this way as you suggested. Will try this.. Thanks

Leandro Lima Over a year ago

Arrow functions came with ES6. developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/…

pouyada · Accepted Answer · 2018-01-25 11:38:06Z

0

It is not possible to do operations on several elements of an array (array of objects in your case) without having a loop. As a suggestion, you can use javascript's for...of loop if you do not use any library.

for (var security of s) {
  console.log(security);
  // do your operation here
}

answered Jan 25, 2018 at 11:38

pouyada

3773 silver badges16 bronze badges

Collectives™ on Stack Overflow

Altering specific field value in an object array Angular 4

2 Answers 2

2 Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

2 Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related