Quiz JavaScript : Explorer et transformer les tableaux

1. Quelle est la bonne syntaxe pour concaténer les tableaux a et b en JavaScript ?

A.

a.concat = b

Cette syntaxe tente d’affecter b à la propriété concat de a, ce qui n’est pas correct. concat est une méthode à appeler, pas une propriété à modifier.

B.

const result = a.concat(b);

C’est la bonne méthode pour concaténer deux tableaux en JavaScript. La méthode concat() retourne un nouveau tableau.

C.

let result = concat(a, b);

Il n’existe pas de fonction globale concat() en JavaScript. C’est une méthode des tableaux.

D.

const result = a.concat + b.concat;

Ici, on additionne deux références à la méthode concat sans les exécuter. Le résultat est une chaîne représentant les deux fonctions, pas un tableau fusionné.

2. Que retourne ce code JavaScript ?

const numbers = [2, 4, 6, 8];
const allEven = numbers.every(num => num % 2 === 0);
console.log(allEven);

A. Le tableau numbers est modifié pour ne contenir que les nombres pairs.

La méthode every() ne modifie pas le tableau d’origine. Elle vérifie simplement une condition sur tous les éléments.

B. Le résultat est un tableau contenant uniquement les valeurs true.

La méthode every() retourne un booléen, pas un tableau.

C. Un booléen true, car tous les éléments sont pairs.

La méthode every() teste si tous les éléments du tableau passent le test. Ici, tous les nombres sont pairs, donc le résultat est true.

D. Une erreur, car every() ne peut pas être utilisée avec une fonction fléchée.

La syntaxe avec une fonction fléchée est parfaitement valide avec every().

3. Que retourne ce code JavaScript ?

const users = [
  { id: 1, name: "Alice" },
  { id: 2, name: "Bob" },
  { id: 3, name: "Charlie" }
];

const result = users.find(user => user.id === 2);
console.log(result);

A. Un tableau contenant tous les utilisateurs avec un id supérieur à 1.

find() retourne uniquement le premier élément qui satisfait la condition, pas un tableau.

B. L’objet { id: 2, name: "Bob" }.

La méthode find() retourne le premier élément du tableau qui vérifie la condition donnée. Ici, c’est l’utilisateur avec id === 2.

C. L’index de l’utilisateur dont l’id est 2.

Tu confonds avec findIndex(), qui retourne l’index, pas l’objet lui-même.

D. Une erreur, car find() ne peut être utilisée que sur des tableaux de chaînes de caractères.

find() fonctionne sur tous les types de tableaux, y compris les tableaux d’objets.

4. Quelle syntaxe permet de créer une chaîne de caractères à partir du tableau colors en séparant les éléments par une virgule ?

const colors = ["red", "green", "blue"];

A.

const result = join(colors, ",");

join() est une méthode d’instance des tableaux, pas une fonction globale.

B.

const result = colors.join;(",");

Il y a une erreur de syntaxe : la parenthèse est mal placée après un point-virgule.

C.

const result = colors.join[](",");

Les crochets ne sont pas valides pour appeler une méthode. Il faut utiliser des parenthèses.

D.

const result = colors.join(",");

C’est la syntaxe correcte : join() s’utilise directement sur un tableau avec le séparateur en argument.

5. Que se passe-t-il lorsqu’on exécute le code suivant ?

const numbers = [1, 2, 3];
const doubled = numbers.map(num, index => {
  return num * 2;
});

A. Le tableau doubled contient : [2, 4, 6].

Ce résultat serait correct si la fonction fléchée était bien formulée, ce qui n’est pas le cas ici.

B. Le code fonctionne, mais le paramètre index est ignoré.

Le code ne fonctionne pas, car la syntaxe de la fonction fléchée est invalide. Il ne s'exécute pas du tout.

C. Une erreur de syntaxe est générée car la fonction fléchée utilise plusieurs paramètres sans les entourer de parenthèses.

Lorsque plusieurs paramètres sont passés à une fonction fléchée, ils doivent être entourés de parenthèses. (num, index) => {...} est la bonne syntaxe.

D. Une erreur logique est générée, car num et index ont la même valeur.

Ce n’est pas le cas ici. L’erreur est syntaxique, pas liée aux valeurs des paramètres.

6. Quelle expression ne permet pas de supprimer les doublons d’un tableau arr ?

const arr = [1, 2, 2, 3, 4, 4, 5];

A.

[...new Set(arr)]

Cette méthode utilise un objet Set, qui ne permet pas les doublons. Elle fonctionne parfaitement.

B.

arr.filter((item, index) => arr.indexOf(item) === index)

Cette méthode conserve uniquement la première occurrence de chaque élément, ce qui supprime les doublons.

C.

Array.from(new Set(arr))

Cette syntaxe est équivalente à [...new Set(arr)] et fonctionne correctement pour éliminer les doublons.

D.

arr.map((item, index) => arr.indexOf(item) === index)

La méthode map transforme chaque élément mais ne permet pas de filtrer ou supprimer des éléments. Le résultat sera un tableau de booléens, pas un tableau sans doublons.

7. Que fait la méthode shift() appliquée à un tableau en JavaScript ?

A. Elle supprime le premier élément du tableau et le retourne.

shift() enlève le premier élément d’un tableau et le retourne. Le tableau original est modifié.

B. Elle ajoute un élément à la fin du tableau.

C’est la méthode push() qui ajoute un élément à la fin d’un tableau, pas shift().

C. Elle supprime le dernier élément du tableau et le retourne.

C’est pop() qui supprime le dernier élément, pas shift().

D. Elle inverse l’ordre des éléments dans le tableau.

L’inversion des éléments s’effectue avec reverse(), pas shift().

8. Que retourne ce code JavaScript ?

const fruits = ["pomme", "banane", "kiwi"];
const hasShortName = fruits.some(fruit => fruit.length < 5);
console.log(hasShortName);

A. false

Faux. L’élément "kiwi" a une longueur inférieure à 5, donc some() retourne true.

B. undefined

Faux. La méthode some() retourne toujours un booléen, jamais undefined.

C. true

some() retourne true car au moins un élément ("kiwi") a une longueur inférieure à 5 caractères.

D. ["kiwi"]

Faux. Ce serait plutôt le cas avec filter(), mais pas avec some().

9. Quelle instruction permet de supprimer 2 éléments à partir de l’index 1 dans le tableau suivant ?

const fruits = ["pomme", "banane", "kiwi", "orange"];

A.

fruits.slice(1, 2)

La méthode slice() ne modifie pas le tableau d’origine, elle retourne une portion du tableau.

B.

fruits.splice(2, 1)

Cela supprime seulement 1 élément à partir de l’index 2 ("kiwi").

C.

fruits.splice(1, 2)

Cette instruction supprime bien 2 éléments à partir de l’index 1 ("banane" et "kiwi").

D.

fruits.slice(2, 1)

Ici, slice() retourne un tableau vide car l’index de fin est inférieur à l’index de début.

10. Que retourne ce code JavaScript ?

const numbers = [4, 20, 1, 100];
const result = numbers.sort();
console.log(result);

A.

[1, 4, 20, 100]

Ce serait le résultat si sort() triait les nombres de manière numérique, mais ce n’est pas le cas sans fonction de comparaison.

B.

[100, 20, 4, 1]

Ceci serait le résultat d’un tri numérique décroissant, mais ici aucun comparateur n’est utilisé.

C.

[1, 100, 20, 4]

Sans fonction de comparaison, sort() convertit les éléments en chaînes de caractères et les trie par ordre lexicographique.

D.

[4, 20, 1, 100]

C’est le tableau d’origine, or sort() modifie bien le tableau en place, même sans paramètre.