Merge various arrays into one array by consolidating the fields

Question

Merge various arrays into one array by consolidating the fields

first_list      = [1,2,3,4]
second_list     = ['a','b','c']

Is there a way to merge these two arrays into a single array with two fields?

for (_i = 0, _len = _ref.length; _i < _len; _i++) {
  c = _ref[_i];
  mList.push({
    clients: c
  });
}
for (_i = 0, _len = _ref2.length; _i < _len; _i++) {
  c = _ref2[_i];
  mList.push({
    projects: c
  });
}

I attempted this method but it appears to only add objects to the existing array rather than creating an object item with two properties.

The current output is

Array [ Object, Object, Object, Object, Object, Object, Object ]
         |        |        |       |       |      |        |
      clients   clients clients clients project project  project

However, my desired outcome is :

Array [ Object, Object, Object, Object ]
         |        |        |       |      
      clients   clients clients clients
         +         +      +        +
      projects   projects projects  projects (null)

https://jsfiddle.net/3s8rasm6/

javascript arrays

Answer 1

Answer №1

You have the option to iterate over both arrays in a single loop. By using the || operator, you can replace undefined values with null.

for (_j = 0, _len2 = _arr.length; _j < _len2; _j++) {
  list.push({
    customers: _arr[_j] || null,
    project: _arr2[_j] || null
  });
}

Answer 2

You have the option to iterate over both arrays in a single loop. By using the || operator, you can replace undefined values with null.

for (_j = 0, _len2 = _arr.length; _j < _len2; _j++) {
  list.push({
    customers: _arr[_j] || null,
    project: _arr2[_j] || null
  });
}

Answer 3

Answer №2

Combine both objects to work together. Visit this link for a demonstration

mList      = []
first_list = [1,2,3,4];
second_list = ['a','b','c'];

var c, _i, _len, _ref,_ref2;
_ref = first_list;
_ref2 = second_list;
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
  c = _ref[_i];
  mList.push({
    clients: _ref[_i],
    projects: _ref2[_i]
  });
}
console.log(mList);

Answer 4

Combine both objects to work together. Visit this link for a demonstration

mList      = []
first_list = [1,2,3,4];
second_list = ['a','b','c'];

var c, _i, _len, _ref,_ref2;
_ref = first_list;
_ref2 = second_list;
for (_i = 0, _len = _ref.length; _i < _len; _i++) {
  c = _ref[_i];
  mList.push({
    clients: _ref[_i],
    projects: _ref2[_i]
  });
}
console.log(mList);

Answer 5

Answer №3

VIEW DEMO

$(document).ready(function() {

  var prime_numbers = ['2', '3', '5', '7'];
  var even_numbers = ['4', '6', '8'];

  var alphabets = [];
  var animals = [];
  var merged_list = [];

  for (var i = 0; i < prime_numbers.length; i++) {
    alphabets.push({
      alphabet: prime_numbers[i]
    });
  }

  for (var i = 0; i < even_numbers.length; i++) {
    animals.push({
      animal: even_numbers[i]
    });
  }

  var max_length = Math.max(prime_numbers.length, even_numbers.length);

  for (var i = 0; i < max_length; i++) {
    merged_list.push($.extend(alphabets[i], animals[i]));
  }


  console.log(alphabets);
  console.log(animals);
  console.log(merged_list);
});

Answer 6

VIEW DEMO

$(document).ready(function() {

  var prime_numbers = ['2', '3', '5', '7'];
  var even_numbers = ['4', '6', '8'];

  var alphabets = [];
  var animals = [];
  var merged_list = [];

  for (var i = 0; i < prime_numbers.length; i++) {
    alphabets.push({
      alphabet: prime_numbers[i]
    });
  }

  for (var i = 0; i < even_numbers.length; i++) {
    animals.push({
      animal: even_numbers[i]
    });
  }

  var max_length = Math.max(prime_numbers.length, even_numbers.length);

  for (var i = 0; i < max_length; i++) {
    merged_list.push($.extend(alphabets[i], animals[i]));
  }


  console.log(alphabets);
  console.log(animals);
  console.log(merged_list);
});

Answer 7

Answer №4

If you want to achieve this, you can utilize the lodash zipWith function:

let numList = [5, 10, 15, 20];
let strList = ['apple', 'banana', 'cherry'];

_.zipWith(numList, strList, (num, str) => {
    return {
        number: num || null,
        fruit: str || null
    }
})

Answer 8

If you want to achieve this, you can utilize the lodash zipWith function:

let numList = [5, 10, 15, 20];
let strList = ['apple', 'banana', 'cherry'];

_.zipWith(numList, strList, (num, str) => {
    return {
        number: num || null,
        fruit: str || null
    }
})

Merge various arrays into one array by consolidating the fields

Answer №1

Answer №2

Answer №3

Answer №4

Similar questions

If a dynamic route does not exist in NextJS, display a 404 error. Otherwise, show a loading spinner

Implementing the kendo-grid directive with a headerless row

What is the best way to add a vanilla JavaScript keyup event listener to an Angular md-autocomplete input by utilizing the DOM id?

Determining the total number of permutations of size N that match the original Array A after a function is applied to all subarrays of A

The status of the Ajax response is non-existent

Assistance with AJAX Promises and Deferred

Executing a JavaScript function through a hyperlink created by an AJAX request

Ways to dynamically activate an anchor tag's click event using JavaScript?

The data input from the HTML is not being correctly transferred to the modal

Implementing setInterval() leads to the dynamic alteration of images

Encountering an Unresolved Runtime Issue: TypeError arises when attempting to access properties of undefined (specifically 'call') while utilizing the Image component in next.js

JavaScript ACTING UP -> CROSS-ORIGIN RESOURCE ACCESS ERROR

Checking and contrasting dates within Javascript

When utilizing Google Analytics in conjunction with Next.Js, encountering the error message "window.gtag is not

arranging data in a PHP array by column

When you attempt to "add website to homescreen" on an iPhone, Ajax malfunctions

Comparing strings in JavaScript arrays

Elevating the Components of an Array Similar to a Numeric Value

Using a loop to iterate through an object within a table cell and generate an unordered list

How come my dynamic source path doesn't function correctly unless I add an empty string at the end of it?