Fusionner deux tableaux dans la même ligne JQUERY

Question

J'ai un problème car je ne peux pas fusionner deux tableaux dans la même ligne, j'ai deux tableaux de temps en temps et je veux les fusionner car ils ont la même longueur

Voici mes deux tableaux qui ressemblent à

Je voulais un résultat comme celui-ci en combinant mais c'est ce que j'ai essayé

const ar1 = $('input[class=namecheckbox]').map((i, el) => ({id: el.id.slice(2)})).get();
const ar2 = $('.quantity_input').map((i, el) => ({quantity: el.value})).get();

const merge= $('input[class=namecheckbox]').map((i, el) => ({id: el.id.slice(2),quantity: el.value})).get();

console.log(ar1);
console.log(ar2);
console.log(merge);

Est-ce que quelqu'un sait comment résoudre mon problème ? Merci d'avance

Answer 1

Donc vous obtenez une mauvaise valeur, const merge= $('input[class=namecheckbox]')... Parce que ar2 obtient les données de cette sélection, $('.quantity_input')...

Ça marche aussi,

var merge = [];
for(var i = 0; i < ar1.length; i++){
  let obj = {id: ar1[i]['id'], quantity: ar2[i]['quantity']};
  merge.push(obj);
}