I have 2 array and I want to make a single array of object in javascript [duplicate]

This is simple one-liner with map

const array1 = ["US", "AG", "In"];
const array2 = ["flagIconUS", "flagIconAG", "flagIconIN"];

const result = array1.map((code, i) => ({ code, icon: array2[i] }));
console.log(result);

Using Array.prototype.reduce()

const array1 = ["US", "AG", "In"];
const array2 = ["flagIconUS", "flagIconAG", "flagIconIN"];

const result = array1.reduce((acc,item,index)=>{
   return acc.concat({code:item,icon:array2[index]})
},[]);
console.log(result);

You can use Array.from like this:

const array1 = ["US", "AG", "In"]; // (country code array)
const array2 = ["flagIconUS", "flagIconAG", "flagIconIN"];

const array3 = Array.from(
  { length: 3 },
  (_, i) => ({ code: array1[i], icon: array2[i] })
);

console.log(array3);

One advantage of this solution: it doesn't use one particular array as the starting point, and allows more options for cases when array lengths mismatch because you can set the length of the resulting array yourself (instead of a hard-coded 3 like I did).

Example with one superfluous item in array1:

const array1 = ["US", "AG", "In", "superfluous"]; // (country code array)
const array2 = ["flagIconUS", "flagIconAG", "flagIconIN"];

const array3 = Array.from(
  { length: Math.min(array1.length, array2.length) },
  (_, i) => ({ code: array1[i], icon: array2[i] })
);

console.log(array3);

The same code works when there is one superfluous item in array2:

const array1 = ["US", "AG", "In"]; // (country code array)
const array2 = ["flagIconUS", "flagIconAG", "flagIconIN", "superfluous"];

const array3 = Array.from(
  { length: Math.min(array1.length, array2.length) },
  (_, i) => ({ code: array1[i], icon: array2[i] })
);

console.log(array3);

Array.reduce implementation

Logic

• Create an array from 0 to 3 using Array.from(Array(Math.max(array1.length, array2.length)). This will create an array starting from 0 to maximum of first and second array. In our case its 3.
• Reduce this array, current value inside the reducer function will be 0, 1 and 2. These are our required indices.
• Push to accumulator array with key from first array and icon from second array.

  const array1 = ['US', 'AG', 'In', 'UK']; // (country code array)
  const array2 = ['flagIconUS', 'flagIconAG', 'flagIconIN'];
  const array3 = Array.from(Array(Math.max(array1.length, array2.length))
                  .keys()).reduce((acc, curr) => {
                    acc.push({
                      code: array1[curr] || '',
                      icon: array2[curr] || '',
                    })
                    return acc;
                  }, []);
  console.log(array3);

Array.map implementation.

Logic

• Generate an array with the same logic as mentioned earlier.
• From this generated array run Array.map function.
• Return the code from array1 and icon from array2 with index from above array.

const array1 = ['US', 'AG', 'In', 'UK'];
const array2 = ['flagIconUS', 'flagIconAG', 'flagIconIN'];
const array3 = Array.from(Array(Math.max(array1.length, array2.length)).keys()).map((index) => ({
                  code: array1[index] || '',
                  icon: array2[index] || '',
                }));
console.log(array3);