QCM sur Javascript avec des réponses pour la préparation des tests techniques, des tests en ligne, aux examens et aux certifications. Ces questions et réponses sont tirés d’un vrai entretien écrit et certaines parties sont en direct.
1. Quelle méthode de tableau est utilisée pour itérer sur tous les éléments du tableau et effectuer une tâche/transformation sur eux et renvoyer le nouveau tableau ?
A Map
B Filter
C Reduce
D ForEach
A
La méthode map est utilisée pour itérer sur tous les éléments du tableau et effectuer une tâche/transformation sur eux. Elle renvoie un nouveau tableau contenant les éléments transformés. Cette méthode est couramment utilisée lorsque nous voulons modifier chaque élément d’un tableau et créer un nouveau tableau avec les valeurs modifiées. Exemple:
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
const tab1 = [1, 4, 9, 16];
// multiplier chaque nombre par 2
const tab1 = tab1.map((x)=> x * 2);
console.log(tab1);
// Résultat: Array [2, 8, 18, 32]
const tab1 = [1, 4, 9, 16];
// multiplier chaque nombre par 2
const tab1 = tab1.map((x) => x * 2);
console.log(tab1);
// Résultat: Array [2, 8, 18, 32]
const tab1 = [1, 4, 9, 16];
// multiplier chaque nombre par 2
const tab1 = tab1.map((x) => x * 2);
console.log(tab1);
// Résultat: Array [2, 8, 18, 32]
2. Quel sera le résultat de l’extrait de code ci-dessous ?
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
let numbers=[1,2,3,4,5,6,7,8];
console.log(numbers.filter(x=>x%2==0);
let numbers=[1,2,3,4,5,6,7,8];
console.log(numbers.filter(x=>x%2==0);
let numbers=[1,2,3,4,5,6,7,8];
console.log(numbers.filter(x=>x%2==0);
A True
B False
C 1,3,5,7
D 2,4,6,8
D
L’extrait de code utilise la méthode filter sur le tableau de nombres pour filtrer les éléments qui ne sont pas divisibles par 2. La condition x%2==0 vérifie si l’élément est pair. Par conséquent, la sortie sera constituée des éléments du tableau qui sont divisibles par 2, à savoir 2, 4, 6 et 8.
3. Quelle est la bonne syntaxe pour accepter un nombre indéfini de paramètres ?
A Function sum(…args) {}
B Function sum(args…) {}
C Function sum(args) {}
D Function sum([args]) {}
A
La bonne réponse est « function sum(…args) {} ». Cette syntaxe utilise l’opérateur « spread » (…) pour accepter un nombre indéfini de paramètres. L’opérateur « spread » nous permet de passer plusieurs arguments sous forme de tableau à la fonction. Cela signifie que nous pouvons passer n’importe quel nombre d’arguments à la fonction, et qu’ils seront rassemblés dans un tableau appelé args. Cela nous permet d’effectuer des opérations sur tous les arguments passés à la fonction.
4. Quelle méthode est utilisée pour écouter les événements des éléments du DOM ?
A
Element.addListener(event =>{})
Element.addListener(event => {})
B
AddListener(element, event =>{})
AddListener(element, event => {})
C
AddEventListener(element, event =>{})
AddEventListener(element, event => {})
D
Element.addEventListener(event =>{})
Element.addEventListener(event => {})
D
La bonne réponse est
Element.addEventListener(event =>{})
Element.addEventListener(event => {}). Cette méthode est utilisée pour écouter les événements des éléments du DOM. Elle prend deux paramètres : le type d’événement et la fonction d’écoute de l’événement. La fonction d’écoute d’événement est exécutée lorsque l’événement spécifié est déclenché sur l’élément.
5. Quelle est la forme complète de DOM ?
A Data Object Model
B Document or Model
C Document Object Model
D Document Object Meduim
C
La bonne réponse est Document Object Model. Le DOM est une interface de programmation pour les documents HTML et XML. Il représente la structure du document sous la forme d’un modèle arborescent, où chaque élément du document est représenté sous la forme d’un objet. Cela permet aux développeurs de manipuler le contenu, la structure et le style d’une page web de manière dynamique à l’aide des langages de script comme JavaScript. Le DOM fournit un ensemble de méthodes et de propriétés qui permettent de parcourir et de manipuler facilement les éléments du document, ce qui en fait un outil essentiel pour le développement web.
6. Quelle méthode est utilisée pour convertir une chaîne JSON en un objet JSON ?
A JSON.parse(string)
B JSON.convertToObject(string)
C JSON.object(string)
D Aucun de ces éléments
A
La méthode utilisée pour convertir une chaîne JSON en un objet JSON est JSON.parse(string). Cette méthode prend une chaîne JSON en entrée et renvoie un objet JavaScript. Elle analyse la chaîne JSON et la convertit en une représentation objet correspondante, ce qui permet de manipuler et d’accéder facilement aux données contenues dans la chaîne JSON. Les autres options proposées (JSON.convertToObject(string) et JSON.object(string)) ne sont pas des méthodes valides pour convertir une chaîne JSON en un objet JSON.
7. Lesquelles des méthodes suivantes sont des méthodes Objet ?
A Object.keys(obj)
B Object.values(obj)
C Object.entries(obj)
D Tous ces éléments
D
La réponse donnée est « Toutes ces méthodes » car les trois déclarations sont des méthodes d’objet valides en JavaScript. Object.keys(obj) renvoie un tableau de noms de propriétés énumérables d’un objet donné, Object.values(obj) renvoie un tableau de valeurs de propriétés énumérables d’un objet donné, et Object.entries(obj) renvoie un tableau de paires clé-valeur de propriétés énumérables d’un objet donné. Donc, les trois options sont correctes.
8. Lequel des énoncés suivants est correct en ce qui concerne les caractéristiques de JavaScript ?
A JavaScript est complémentaire et intégré à HTML.
B JavaScript est ouvert et multiplateforme.
C Les deux ci-dessus.
D Toutes ces réponses.
C
La bonne réponse est « Les deux ci-dessus ». Cela signifie que les deux affirmations mentionnées dans les options sont correctes en ce qui concerne les caractéristiques de JavaScript. JavaScript est en effet complémentaire et intégré à HTML, ce qui signifie qu’il peut être utilisé pour améliorer la fonctionnalité et l’interactivité des pages web. De plus, JavaScript est ouvert et multiplateforme, ce qui signifie qu’il peut être exécuté sur différents systèmes d’exploitation et appareils.
9. Comment obtenir le type des arguments passés à une fonction ?
A En utilisant l’opérateur typeof
B En utilisant la fonction getType
C Les deux ci-dessus.
D Aucune de ces réponses.
A
L’opérateur typeof peut être utilisé pour déterminer le type des arguments transmis à une fonction. Cet opérateur renvoie une chaîne de caractères indiquant le type de l’opérande. Par conséquent, l’utilisation de l’opérateur typeof est la bonne façon d’obtenir le type des arguments passés à une fonction. Exemple:
10. Quelle méthode intégrée renvoie la représentation sous forme de chaîne de caractères de la valeur du nombre ?
A ToValue()
B ToNumber()
C ToString()
D Aucune de ces réponses.
C
La méthode toString() est une méthode intégrée à JavaScript qui renvoie la représentation sous forme de chaîne de caractères de la valeur d’un nombre. Elle convertit un nombre en chaîne de caractères et facilite la manipulation et la concaténation avec d’autres chaînes de caractères. Cette méthode est couramment utilisée pour travailler avec des nombres en JavaScript et constitue la bonne réponse à la question. Exemple:
Plain text
Copy to clipboard
Open code in new window
EnlighterJS 3 Syntax Highlighter
var num = 25;
var str = num.toString();
console.log(num); // 25
console.log(str); // "25"
var num = 25;
var str = num.toString();
console.log(num); // 25
console.log(str); // "25"
var num = 25;
var str = num.toString();
console.log(num); // 25
console.log(str); // "25"