exercice Fusion de deux tableaux

[mikadox]

Bonjour à toutes et à tous,

Dans la lignée des exercices PHP X, je vous propose aujourd'hui un exercice JavaScript !
Il est très simple et ne nécessite qu'une seule fonction.

C'est une ligne de code que l'on doit trouver, elle doit être capable de fusionner 2 tableaux.
Voici des exemples de résultats

([0, 2, 5], [8, 6, 9]) ➞ [ [ 0, 8 ], [ 2, 6 ], [ 5, 9 ] ]

([2, 2], [4, 8]) ➞ [ [ 2, 4 ], [ 2, 8 ] ]

([1], [2]) ➞ [ [ 1, 2 ] ]

La fonction devra être générique c'est à dire qu'elle fusionne n'importe quel tableau sans les déclarer en variables.
un console.log de tableaux à fusionner suffit, voici comment se présentera la fonction, il n'y a qu'à trouver le bon élément et la bonne syntaxe pour l'animer :

function convert(tabX, tabY) {
    // Écrivez votre code ici
}

// Affichage de la sortie
console.log(convert([0, 2, 5], [8, 6, 9]));
console.log(convert([2, 2], [4, 8]));
console.log(convert([1], [2]));

C'est un exercice assez commun mais pour une mise en bouche c'est pas mal.
A vos éditeurs !

 

[Wazz9]

J'ai presque rien compris à l'énoncé mais je vais me rattraper de mes exos PHP que je n'ai pas fait !
Donc en fait il y a juste une méthode JS à trouver c'est ça ??

 

[Nicolas]

Le jeu c'est de comprendre l'énoncé Wazz9

Je te charrie mikadox c'est clair pour moi, il suffit de trouver la ligne manquante dans la fonction pour avoir les bons résultats.
Tu n'as pas donné de délai pour les réponses, le dernier exercice en PHP on avait laissé une semaine mais fait comme bon te semble. Ce n'est pas graduel à la difficulté de l'exercice mais plutôt pour se laisser une chance d'avoir le plus de réponses possible.

 

[mikadox]

Disons pour Mercredi ? Ok ?

Donc en fait il y a juste une méthode JS à trouver c'est ça ??

C'est exact, juste la méthode.
C'est un premier exercice, je ne sais pas trop qui va y participer ni quel sera le niveau donc on commence petit puis on pourra faire un peu plus compliqué la prochaine fois.

 

[Jack]

J'ai la méthode mais pas encore la syntaxe, je fusionne mais le résultat n'est pas encore celui attendu.
Qui joue au fait ?

 

[Ziggy]

Attention spoiler !

Spoiler: Méthode

Array.prototype.map() - JavaScript | MDN

La méthode map() crée un nouveau tableau avec les résultats de l'appel d'une fonction fournie sur chaque élément du tableau appelant.

developer.mozilla.org

Tu en es là Jack ?
Je galère aussi avec la syntaxe...

 

[Jack]

Salut Zig,
Oui c'est cette méthode, j'ai réussi à trouver la bonne syntaxe non sans mal.
Tu utilises => ?

 

[L'occitan]

Salut tout le monde, je m'y suis essayé et j'ai mon petit code à vous proposer.
Donc j'ai repris la code de la fonction de Mikadox et ai rajouté la méthode relevé par Ziggy

function convert(tabX, tabY) {
  return tabX.map((ix, iy) => [ix, tabY[iy]])
}

Prenons cet exemple ([2, 2], [4, 8]) ➞ [ [ 2, 4 ], [ 2, 8 ] ] où tabX = [2, 2] et tabY = [2, 8]:
On crée un nouveau tableau avec map : var nouveauTableau = arr.map(callback [, thisArg])
ix est associé à iy dans leur position respective de leur tableau respectif.

 

[mikadox]

Pas mieux !
Je ne jouais pas car c'est un exercice corrigé que j'ai trouvé sur le net donc j'avais la réponse.
L'occitan tu t'étais bien caché !

Mais pour comprendre un peu mieux, si le nombre de valeurs dans chaque tableau n'est pas le même, comme par exemple
tabX = [0, 2, 5, 3] et tabY = [8, 6, 9]
alors un élément undefined est associé à la valeur orpheline : [ [ 0, 8 ], [ 2, 6 ], [ 5, 9 ], [ 3, undefined ] ]

 

[Cascadeur]

Bravo L'occitan, perso même avec la réponse j'ai du mal à déchiffrer la syntaxe et la logique de la méthode map, en tout cas dans ce cas là.
L'exemple sur MDN me parle un peu plus

const array1 = [1, 4, 9, 16];

// pass a function to map
const map1 = array1.map(x => x * 2);

console.log(map1);
// expected output: Array [2, 8, 18, 32]

Chaque valeur de array1 est multiplié par 2, ok.
mais tabX.map((ix, iy) => [ix, tabY[iy]]) j'avoue que je suis perdu...

 

[Cascadeur]

Any help ?

 

[Jack]

Tu peux écrire la fonction comme ceci

function convert(A, B) {
  return A.map((x, y) => [x, B[y]]);
}

tu devrais y voir plus clair ainsi...

 

[Hamza]

Cascadeur tu transformes le tableau A qui est sous la forme (x de A, y de A) en (x de A, y de B) et ainsi de suite pour chaque valeur...