How to combine array elements of two array in JavaScript? [duplicate]

Question

I'm trying to combine the array elements of two array to create a new combined elements array. Here is what I'm doing.

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];

var arr = [];

for(let i=0; i< array1.length;i++){
    for(let j=0; j < array2.length;j++){
        arr.push(array1[i]+array2[j])
    }
}

Here is the result I'm getting.

["ad", "ae", "af", "bd", "be", "bf", "cd", "ce", "cf"]

But the expected result is

['ad','be','cf']

How can I achieve this? Where should I apply the break statement?

for(let i=0; i< array1.length;i++){ arr.push(array1[i]+array2[i]) }. But you can simplify it with a map: var arr= array1.map((v,i)=> array1[i] + array2[i] ) — Mayra Navarro
– Mayra Navarro, Commented Jan 21, 2020 at 5:50

CertainPerformance · Accepted Answer · 2020-01-21 05:48:56Z

2

Don't use a nested loop - instead, use .map on one of the arrays, access the same index in the other array and concatenate:

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];

const combined = array1.map((char, i) => char + array2[i]);
console.log(combined);

answered Jan 21, 2020 at 5:48

CertainPerformance

373k55 gold badges354 silver badges359 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

Archie · Accepted Answer · 2020-01-21 05:50:15Z

0

You need one loop, not nested

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];

const newArray = [];
for(let i=0; i<array1.length; i++){
  newArray.push(array1[i]+array2[i])
}
console.log(newArray);

Alternatively, you can use Array.prototype.map. It will iterate over one array and returns a new array based on passed callback.

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];

const newArray = array1.map((e,i) => e+array2[i]);

console.log(newArray);

answered Jan 21, 2020 at 5:50

Archie

9114 silver badges11 bronze badges

Comments

ellipsis · Accepted Answer · 2020-01-21 05:50:29Z

0

Use reduce

const array1 = ['a', 'b', 'c'];
const array2 = ['d', 'e', 'f'];
var a=array1.reduce((acc,e)=>{
acc.push(e+array2[array1.indexOf(e)])
return acc
},[])
console.log(a)

answered Jan 21, 2020 at 5:50

ellipsis

12.2k2 gold badges19 silver badges33 bronze badges

Comments

Prakash Saripaka · Accepted Answer · 2020-01-21 05:50:49Z

0

var array1 = ["a", "b", "c"];
var array2 = ["d", "e", "f"];

var newArray = array1.map((e, i) => e + array2[i]);
console.log(newArray);

answered Jan 21, 2020 at 5:50

Prakash Saripaka

3021 silver badge5 bronze badges

Collectives™ on Stack Overflow

How to combine array elements of two array in JavaScript? [duplicate]

4 Answers 4

Comments

Comments

Comments

Comments

Linked

Hot Network Questions

Collectives™ on Stack Overflow

4 Answers 4

Comments

Comments

Comments

Comments

Linked

Related