Как связать элемент массива с другим элементом массива

Question

У меня есть два массива:

let array1 = ["aaa","bbb"];
let array2 = ["f1","f2","f3"];

Как получить следующий результат?

aaa f1, aaa f2, aaa f3, bbb f1, bbb f2, bbb f3

Answer 1

let array1 = ["aaa", "bbb"];
let array2 = ["f1", "f2", "f3"];

const newArray = [];

array1.forEach(item1 => {
	array2.forEach(item2 => {
		newArray.push(item1 + " " + item2)
	})
})

console.log(newArray);

Answer 2

Вот решение с использованием Array.prototype.flatMap() и Array.prototype.map():

const array1 = ["aaa","bbb"];
const array2 = ["f1","f2","f3"];

const result = array1.flatMap(v1 => array2.map(v2 => `${v1} ${v2}`));

console.log(result);

Answer 3

let array1 = ["aaa", "bbb" ];
let array2 = ["f1","f2","f3"];
let response=[];
array1.forEach( ele1 => {
 array2.forEach( ele2=> {
   response.push( ele1 +' '+ ele2 );
 })
});
console.log( response );

Answer 4

Вы можете использовать Array.prototype.reduce () в сочетании с Array.prototype.map () , синтаксис распространения и литералы шаблона

Код:

const array1 = ["aaa", "bbb"];
const array2 = ["f1", "f2", "f3"];

const result = array1.reduce((a, c) => [...a, ...array2.map(f => `${c} ${f}`)], []);

console.log(result);

Answer 5

с петлей

let array1 = ["aaa","bbb"];
let array2 = ["f1","f2","f3"];

let temp =[];
let index=0;
for(let i=0;i<array1.length;i++) {
  for(let j=0;j<array2.length;j++) {
    temp[index] = `${array1[i]} ${array2[j]}`;
    index++;
  }
}

console.log(temp);

с для каждого

    array1.forEach(item1 => {
    array2.forEach(item2 => {
        tempNew.push(item1 + " " + item2)
    })
 })

 console.log(tempNew);

JSFiddle Fiddle

Answer 6

Вы можете использовать reduce() и map() для достижения требуемого результата, используя Spread_syntax .

Пожалуйста, проверьте код нижефрагмент:

let array1 = ["aaa","bbb"],
    array2 = ["f1","f2","f3"];
    
 let result = array1.reduce((r,v)=>[...r,array2.map(m=>`${v} ${m}`).join(',')],[])

console.log(result.join(','))
 

Answer 7

let array1 = ["aaa","bbb"];
let array2 = ["f1","f2","f3"];
let array3 = []
for (ele1 of array1) {
    for (ele2 of array2) {
        array3.push(ele1 + ' ' + ele2);
    } 
}

Answer 8

const array1 = ["aaa","bbb"];
const array2 = ["f1","f2","f3"];

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

console.log(result);

Answer 9

'use strict';
let array1 = ["aaa","bbb"];
let array2 = ["f1","f2","f3"];

let res = [];

array1.forEach( a1 => array2.forEach(a2 => res.push([`${a1} ${a2}`])) );