Ways to update property values of an array object in JavaScript

Question

Ways to update property values of an array object in JavaScript

I am trying to match values from one array object with another array and update the status if there is a match. Here's the desired output for arrObj:

[
    { name: "Test1", status: true }, 
    { name: "Test2", status: false }, 
    { name: "Test3", status: true }
]

Check out the demo here: https://stackblitz.com/edit/github-7plax5-mu3l6a?file=src%2Fapp%2Fapp.component.ts

let arrObj = [{
    name: "Test1",
    status: true
  },
  {
    name: "Test2",
    status: true
  },
  {
    name: "Test3",
    status: true
  }
]

let arr = ["Test1", "Test3"];

for (k of arr) {
  if (arrObj.name == k) {
    arrObj.status = true;
  }
}

console.log(arrObj);

javascript typescript

Answer 1

Answer №1

Easiest way to update the original array

arrObj.forEach(item => item.status = arr.includes(item.name))

console.log(arrObj);

<script>
let arrObj = [{
    name: "Test1",
    status: false
  },
  {
    name: "Test2",
    status: false
  },
  {
    name: "Test3",
    status: false
  }
]

let arr = ["Test1", "Test3"];
</script>

Typescript version executes the same script as previously shared with type inference

Answer 2

Easiest way to update the original array

arrObj.forEach(item => item.status = arr.includes(item.name))

console.log(arrObj);

<script>
let arrObj = [{
    name: "Test1",
    status: false
  },
  {
    name: "Test2",
    status: false
  },
  {
    name: "Test3",
    status: false
  }
]

let arr = ["Test1", "Test3"];
</script>

Typescript version executes the same script as previously shared with type inference

Answer 3

Answer №2

Make sure to iterate over the correct array.
Start by looping through arrObj and then verify if the value is present in the array using the indexOf() method.

let arrObj = [{
    name: "Test1",
    status: false
  },
  {
    name: "Test2",
    status: false
  },
  {
    name: "Test3",
    status: false
  }
]

let arr = ["Test1", "Test3"];

arrObj.forEach(function(k) {
  if (arr.indexOf(k.name) != -1) {
    k.status = true;
  }
});

console.log(arrObj)

Answer 4

Make sure to iterate over the correct array.
Start by looping through arrObj and then verify if the value is present in the array using the indexOf() method.

let arrObj = [{
    name: "Test1",
    status: false
  },
  {
    name: "Test2",
    status: false
  },
  {
    name: "Test3",
    status: false
  }
]

let arr = ["Test1", "Test3"];

arrObj.forEach(function(k) {
  if (arr.indexOf(k.name) != -1) {
    k.status = true;
  }
});

console.log(arrObj)

Ways to update property values of an array object in JavaScript

Answer №1

Answer №2

Similar questions

The Angular JavaScript code displays the message variable in the web browser

Error: The image preview feature is malfunctioning in the Javascript code

Retrieve Cookie from a designated domain using Express

When working with Vue 3, remember that inject() function is only allowed within setup or functional components

Problem with custom anchor component in React that needs to perform an action before being clicked

Is CefSharp compatible with JavaScript promises?

Is it possible to obtain the impending exception handling protocol in advance?

Your request was denied by the Google Maps API server due to an invalid request. Please include the 'size' parameter in your request

How to update razor page content dynamically in ASP.NET Core without refreshing the entire page using JavaScript/jQuery

Angular.js encountered an error at line 13550: [ng:areq] The argument 'popCntrl' is expected to be a function, but it was undefined

I am currently experiencing difficulties with uploading an image from the admin panel in Magento 1.9. Instead of receiving the expected response, I am

varied reactions between componentDidMount and useEffect when employing jquery emoji plugin

Modifying JavaScript using JavaScript

Recognize different HTML components when an event occurs

Storing my token in the cookie using setCookie is proving to be difficult for me

Child element casting shadow over parent element

Angular index.html file can include a conditional script

Sharing information between different pages in NEXT.js version 14

CORS blocking Axios POST request to Heroku causing a Network Error 503

Retrieving properties from video element following webpage loading