``Is it possible to iterate through a collection of objects using a loop?

Question

``Is it possible to iterate through a collection of objects using a loop?

I am facing an issue with updating a global array that contains objects, where each object includes another array. My goal is to update the main array with values from the arrays within the objects following a specific logic!

generalArray = [{name:String, features:String[]}]

// Here's the code snippet
let array1 = [{ name: "num", features: ['id']  },
            { name: "cat", features: ['gender'] }];
ob = {name:'num2', features:['id']};

function updateArr(arr, ob) {

  const index = arr.findIndex(x => 
      ob.features.toString() === x.features.toString()
                              );
    if (index === -1) {
        arr.push(ob);
    } else {
        arr[index] = ob;
    }
}
console.log(array1);
updateArr(array1, ob);
console.log(array1);

The current solution works flawlessly when each object's 'features' array contains only one string. However, it encounters an issue when an 'features' array includes more than one string. For example, if 'features'=['id','gender'], the function fails to perform as expected. Any assistance would be greatly appreciated! Thank you.

javascript arrays angular typescript indexof

Answer 1

Answer №1

I have devised a solution to address the issue you are facing

var array1 = [{ name: "num", features: ['id', 'gender']},
            { name: "cat", features: ['gender']}];
ob = {name:'num2', features:['id']};

function updateArray(arr, obj){
  for(var i = 0;i < arr.length; i++) {
    if(obj.features.join("") === arr[i].features.join("")) {
      arr[i] = obj;
      return;
    }
  }
  arr.push(obj);
}

updateArray(array1, ob);
console.log(array1);

Answer 2

I have devised a solution to address the issue you are facing

var array1 = [{ name: "num", features: ['id', 'gender']},
            { name: "cat", features: ['gender']}];
ob = {name:'num2', features:['id']};

function updateArray(arr, obj){
  for(var i = 0;i < arr.length; i++) {
    if(obj.features.join("") === arr[i].features.join("")) {
      arr[i] = obj;
      return;
    }
  }
  arr.push(obj);
}

updateArray(array1, ob);
console.log(array1);

Answer 3

Answer №2

Choice 1: When the order of elements in the features array is not important.

To compare, you can modify the following line of code:

ob.features.toString() === x.features.toString()

to

JSON.stringify(ob.features.sort()) === JSON.stringify(x.features.sort())

Choice 2: If the order of elements in the features array does matter, simply omit .sort().

Note: If you prefer not to use stringify, you can utilize the array comparison function provided in this answer - .

Answer 4

Choice 1: When the order of elements in the features array is not important.

To compare, you can modify the following line of code:

ob.features.toString() === x.features.toString()

to

JSON.stringify(ob.features.sort()) === JSON.stringify(x.features.sort())

Choice 2: If the order of elements in the features array does matter, simply omit .sort().

Note: If you prefer not to use stringify, you can utilize the array comparison function provided in this answer - .

Answer 5

Answer №3

let arr1 = [{ title: "item", attributes: ['height'] },
            { title: 'object', attributes: ['size'] }];
obj = {title:'item2', attributes:['height']};

function updateArray(arr,obj){

  const ind = arr.findIndex(x =>
  obj.attributes.includes(x.attributes)
                              );
                              debugger
    if (ind === -1) {
        arr.push(obj);
    } else {
        arr[ind] = obj;
    }
}
console.log(arr1);
updateArray(arr1,obj);
console.log(arr1);

Answer 6

let arr1 = [{ title: "item", attributes: ['height'] },
            { title: 'object', attributes: ['size'] }];
obj = {title:'item2', attributes:['height']};

function updateArray(arr,obj){

  const ind = arr.findIndex(x =>
  obj.attributes.includes(x.attributes)
                              );
                              debugger
    if (ind === -1) {
        arr.push(obj);
    } else {
        arr[ind] = obj;
    }
}
console.log(arr1);
updateArray(arr1,obj);
console.log(arr1);

``Is it possible to iterate through a collection of objects using a loop?

Answer №1

Answer №2

Answer №3

Similar questions

PHP Instant Chat Improvements

Encountering an error when integrating my library with MUI

Establish individual states for every dynamically created component using the same handler function

Ways to reach component method via router

Refactor the fat arrow function in Typescript to maintain the bare function signature verification

Revamp the style of the date field in a Material UI dialog

Having trouble launching simple ionic template: Issue with locating module 'fast-deep-equal'

Is there a Wordpress floating bar similar to the one seen on 9gag?

Change the background color of mat-select to match the selected mat-option

What is the best way to update the state by either adding to it or replacing it if the key

JavaScript Regular Expression Assistance Domain Snatcher

Updating a hyperlink with data dynamically upon clicking a different button using jQuery

Handling error reporting using JSON in jQuery AJAX post success

Creating resizable rows of DIVs using jQuery

Retrieve the place_id associated with the address components

The addition of an asynchronous call caused Array.map to start experiencing errors

We regret to inform you that the request cannot be processed by our Express

The issue of jQuery, Ajax, and MVC6 parameters becoming null after an Ajax request has been identified

Move information from one webpage to a different page

What are the steps to compile Sencha Touch using sencha-touch.jsb3?