Iterate through two arrays simultaneously in AngularJS, sending the first element of each array to a function one at a time. This method is a new technique I have recently discovered

Question

Iterate through two arrays simultaneously in AngularJS, sending the first element of each array to a function one at a time. This method is a new technique I have recently discovered

vm.array1.push(content1);
vm.array2.push(content2);

I have two arrays where objects are pushed into each array at different times. The data model for each array is as follows:

vm.array1=[object1,object2,object3]
vm.array2=[object1,object2,object3]

The goal is to pass only the object from the first element of array1 along with the object from the first element of array2 to a function.

vm.save(a,b){
//save functionality success by calling API
}

Variables a and b should hold only the first elements of both arrays simultaneously, followed by the second elements, then the third, and so on...

How can I send only objects (not arrays) to the function using AngularJS?

javascript angularjs arrays

Answer 1

Answer №1

From my understanding, it seems that both array1 and array2 have the same length. This solution should do the trick.

var obj = {
  save: function(val1, val2) {
    console.log(val1, val2)
  }
};
obj.array1 = [{
  id: 1
}, {
  id: 2
}, {
  id: 3
}];
obj.array2 = [{
  id: 4
}, {
  id: 5
}, {
  id: 6
}];

obj.array1.forEach(function(item1, index) {
  obj.save(item1, obj.array2[index]);
});

Answer 2

From my understanding, it seems that both array1 and array2 have the same length. This solution should do the trick.

var obj = {
  save: function(val1, val2) {
    console.log(val1, val2)
  }
};
obj.array1 = [{
  id: 1
}, {
  id: 2
}, {
  id: 3
}];
obj.array2 = [{
  id: 4
}, {
  id: 5
}, {
  id: 6
}];

obj.array1.forEach(function(item1, index) {
  obj.save(item1, obj.array2[index]);
});

Answer 3

Answer №2

To start off, you have the option to implement the following method. (Please note that this approach will alter your arrays)

do{
   vm.save(vm.array1.shift(), vm.array2.shift()){
   //make an API call to save the functionality successfully
   }
}while(vm.array1.length>0)

Answer 4

To start off, you have the option to implement the following method. (Please note that this approach will alter your arrays)

do{
   vm.save(vm.array1.shift(), vm.array2.shift()){
   //make an API call to save the functionality successfully
   }
}while(vm.array1.length>0)

Answer 5

Answer №3

Kindly verify if this code snippet will function as expected:

for(let counter1=0;counter1<=vm.array1.length;counter1++)
{
    for(let counter2=0;counter2<=vm.array2.length;counter2++)
    {
        if(counter1==counter2)
        vm.save(vm.array1[counter1].content1,vm.array2[counter2].content2){
        //Executing save functionality after successful API call
        }
    }
}

Answer 6

Kindly verify if this code snippet will function as expected:

for(let counter1=0;counter1<=vm.array1.length;counter1++)
{
    for(let counter2=0;counter2<=vm.array2.length;counter2++)
    {
        if(counter1==counter2)
        vm.save(vm.array1[counter1].content1,vm.array2[counter2].content2){
        //Executing save functionality after successful API call
        }
    }
}

Iterate through two arrays simultaneously in AngularJS, sending the first element of each array to a function one at a time. This method is a new technique I have recently discovered

Answer №1

Answer №2

Answer №3

Similar questions

Parent's hover element

Tips on removing properties from an object recursively according to their key/value pairs

Tips for storing a JSON file locally and accessing it at a later time on the client side

jQuery ajax not working after initial click

Confirm the validity of an array of objects using Postman

Encountering issues with production deployment due to difficulties with CLI package.json scripts execution

What is the best way to send various parameters to a component using [routerLink] or router.navigate?

What is the best way to utilize Object.keys for formatting incoming data?

Next JS encountered an error - Error [ERR_HTTP_HEADERS_SENT]: It is not possible to set headers after they have already been sent to the

Transform an incoming ajax array into a nested php array structure

Using jQuery to show/hide linked CSS3 animations upon Mouseenter/Mouseleave events

JQueryUI draggable multiple select containment

Mongoose's unique validation feature is not functioning properly

Adding the expanded search icon to a text box in Vuetify: A step-by-step guide

How to ensure your content is always visible on Mobile Safari iOS 8 by making sure it stays

Testing components in React involves creating or invoking specific construct or call signatures

Using React js to retrieve data from multidimensional arrays

Retrieving JSON data from a form with the help of Angular

Discovering the type of device - Desktop, Android, or IOS - in C# .Net Core Razor pages

Struggling to transfer a specific row from a grid to a fresh window in extjs