How to update array in Angular?

Question

Hi I am developing web application in Angular 5. I have one array and I want to update the same array based on the value of another array. For example, I have createarray as below.

I have another object as below.

data:{
checked:true,
name:infomodel
}

Now there is checked true in data. So for infomodel in createarray I want to update the checked property.

I tried as below.

           let copyCreate = Object.assign({}, node.data);
            copyCreate.checked = true;
            const targetIdxCreate = this.createnode.map(item => item.name).indexOf(copyCreate.name);
            this.createnode[targetIdxCreate] = copyCreate;

            let copyUpdate = Object.assign({}, node.data);
            copyUpdate.checked = false;
            const targetIdxUpdate = this.updatenode.map(item => item.name).indexOf(copyUpdate.name);
            this.updatenode[targetIdxUpdate] = copyUpdate;

In the above code, It updates createnode checked with true. Also I am making updatenode chcked to false. After executing the above code, both arrays will have checked property false.

can someone help me to do this?

your createnode array has "Info model" and your another object has "infomodel".....find() will return nothing. — j4rey
– j4rey, Commented Sep 14, 2018 at 7:38

Sandeep K Nair · Accepted Answer · 2018-09-14 07:37:03Z

2

I would suggest to add the check based on 'id' field that you have in your record that you want to update with. In that case the ideal way to update the record would like like below:

// Assuming updateWith is the object that you want to update with
const targetIdx = this.createnode.map(item => item.id).indexOf(this.updateWith.id);
this.createnode[targetIdx] = this.updateWith;

if you still prefer to use 'name' as a parameter that you want to check the condition for, then you can just change the id to name in the map function like so:

// Assuming updateWith is the object that you want to update with
const targetIdx = this.createnode.map(item => item.name).indexOf(this.updateWith.name);
this.createnode[targetIdx] = this.updateWith;

Hope this solves your problem :)

answered Sep 14, 2018 at 7:37

Sandeep K Nair

2,94028 silver badges27 bronze badges

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

8 Comments

Niranjan Over a year ago

Thanks for the answer but I dont have ID filed in createarray but i have it in other array.

Sandeep K Nair Over a year ago

Then you can go with the second option, if that case suits you. Either way the logic for replacing is same. Just the parameter with with you want to choose to compare with is upto your usecase :)

Niranjan Over a year ago

Your answer works fine. But I have updated my code above. Whenever I update other array updatenode then both arrays will have false, But createnode array supposed to have true and updatenode array supposed to have false.

Sandeep K Nair Over a year ago

What is 'node.data'? Is it a global value or some thing? The problem that i feel happening here is when you update node.data object for the second time it is changing it's values in the previous object with which it was mapped to. In order to prevent this condition you may have to copy the 'node.data' properties to another object before making the new update 'Object.assign({}, myOldObject)' and then update your new record with the copy that you have obtained. Link here 'stackoverflow.com/questions/39506619/…'

Niranjan Over a year ago

yes it is global object. I changed as you said but same issue i am facing. I have updated my code above. still am i missing something?

|

Daddelbob · Accepted Answer · 2018-09-14 07:37:08Z

1

Simply use array = array.slice(). That will create a new Array Object, trigger ChangeDetection etc

answered Sep 14, 2018 at 7:37

Daddelbob

3961 gold badge4 silver badges13 bronze badges

Comments

Maksym Shevchenko · Accepted Answer · 2018-09-14 07:39:53Z

1

Try replacing your code with this

let item = this.createnode.find(item => item.name == data.name)
item.checked = data.checked;
this.createnode = [...this.createnode, item];

answered Sep 14, 2018 at 7:39

Maksym Shevchenko

7566 silver badges11 bronze badges

Collectives™ on Stack Overflow

How to update array in Angular?

3 Answers 3

8 Comments

Comments

Comments

Your Answer

Linked

Hot Network Questions

Collectives™ on Stack Overflow

3 Answers 3

8 Comments

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Linked

Related