Pratiques pratiques en JavaScript de base

JavaScriptJavaScriptBeginner
Pratiquer maintenant

This tutorial is from open-source community. Access the source code

💡 Ce tutoriel est traduit par l'IA à partir de la version anglaise. Pour voir la version originale, vous pouvez cliquer ici

Introduction

Dans ce laboratoire, nous allons explorer et pratiquer divers concepts de programmation JavaScript tels que la manipulation d'objets, la création d'objets et la composition de fonctions. Le but de ce laboratoire est de vous aider à développer vos compétences en programmation JavaScript en vous offrant des exercices pratiques qui couvrent les concepts fondamentaux. À la fin de ce laboratoire, vous aurez une meilleure compréhension de la manière d'utiliser JavaScript pour résoudre les problèmes de programmation courants.


Skills Graph

%%%%{init: {'theme':'neutral'}}%%%% flowchart RL javascript(("JavaScript")) -.-> javascript/BasicConceptsGroup(["Basic Concepts"]) javascript(("JavaScript")) -.-> javascript/AdvancedConceptsGroup(["Advanced Concepts"]) javascript/BasicConceptsGroup -.-> javascript/variables("Variables") javascript/BasicConceptsGroup -.-> javascript/data_types("Data Types") javascript/BasicConceptsGroup -.-> javascript/arith_ops("Arithmetic Operators") javascript/BasicConceptsGroup -.-> javascript/comp_ops("Comparison Operators") javascript/AdvancedConceptsGroup -.-> javascript/destr_assign("Destructuring Assignment") subgraph Lab Skills javascript/variables -.-> lab-28345{{"Pratiques pratiques en JavaScript de base"}} javascript/data_types -.-> lab-28345{{"Pratiques pratiques en JavaScript de base"}} javascript/arith_ops -.-> lab-28345{{"Pratiques pratiques en JavaScript de base"}} javascript/comp_ops -.-> lab-28345{{"Pratiques pratiques en JavaScript de base"}} javascript/destr_assign -.-> lab-28345{{"Pratiques pratiques en JavaScript de base"}} end

Code Practice

Pour commencer à pratiquer la programmation, ouvrez le Terminal/SSH et tapez node. Ensuite, vous pouvez utiliser la fonction generateItems pour générer un tableau avec un nombre spécifique d'éléments.

  • Appelez generateItems avec le nombre d'éléments souhaité et une fonction qui sera utilisée pour générer les éléments.
  • generateItems utilise Array.from() pour créer un tableau vide de la longueur spécifiée, et appelle la fonction fournie avec l'index de chaque nouvel élément créé.
  • La fonction fournie prend un argument - l'index de chaque élément.
const generateItems = (n, fn) => Array.from({ length: n }, (_, i) => fn(i));

Voici un exemple d'utilisation de generateItems pour générer un tableau de 10 nombres aléatoires :

generateItems(10, Math.random);
// [0.21, 0.08, 0.40, 0.96, 0.96, 0.24, 0.19, 0.96, 0.42, 0.70]

Summary

Félicitations! Vous avez terminé le laboratoire Generate Items. Vous pouvez pratiquer d'autres laboratoires dans LabEx pour améliorer vos compétences.