Décaler les éléments d'un tableau

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 une fonction JavaScript intéressante qui nous permet de décaler les éléments d'un tableau d'un montant spécifié. Nous allons apprendre à utiliser la méthode Array.prototype.slice() et l'opérateur de propagation pour déplacer les éléments soit du début à la fin, soit de la fin au début du tableau, en fonction de la valeur du décalage. Ce laboratoire est conçu pour aider les développeurs JavaScript à mieux comprendre la manipulation des tableaux.


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/spread_rest("Spread and Rest Operators") subgraph Lab Skills javascript/variables -.-> lab-28527{{"Décaler les éléments d'un tableau"}} javascript/data_types -.-> lab-28527{{"Décaler les éléments d'un tableau"}} javascript/arith_ops -.-> lab-28527{{"Décaler les éléments d'un tableau"}} javascript/comp_ops -.-> lab-28527{{"Décaler les éléments d'un tableau"}} javascript/spread_rest -.-> lab-28527{{"Décaler les éléments d'un tableau"}} end

Comment décaler les éléments d'un tableau en JavaScript

Pour déplacer un nombre spécifié d'éléments à la fin d'un tableau JavaScript, suivez ces étapes :

  1. Ouvrez le Terminal/SSH et tapez node pour commencer à pratiquer la programmation.
  2. Utilisez la méthode Array.prototype.slice() deux fois pour obtenir les éléments après l'index spécifié et les éléments avant cet index.
  3. Utilisez l'opérateur de propagation (...) pour combiner les deux tableaux en un seul.
  4. Si le décalage est négatif, les éléments seront déplacés de la fin au début du tableau.

Voici un extrait de code d'exemple qui implémente la fonction décalage :

const offset = (arr, offset) => [...arr.slice(offset), ...arr.slice(0, offset)];

Vous pouvez ensuite appeler la fonction avec vos tableaux et valeurs de décalage souhaités :

offset([1, 2, 3, 4, 5], 2); // [3, 4, 5, 1, 2]
offset([1, 2, 3, 4, 5], -2); // [4, 5, 1, 2, 3]

Sommaire

Félicitations ! Vous avez terminé le laboratoire sur le décalage des éléments d'un tableau. Vous pouvez pratiquer d'autres laboratoires sur LabEx pour améliorer vos compétences.