Notions de base de la déstructuration des tableaux et des objets
Déstructurez des tableaux et des objets : notions de base, éléments ignorés, valeurs par défaut, renommage et astuce simple pour échanger deux valeurs
Notions de base de la déstructuration des tableaux et des objets est une leçon JavaScript Academy gratuite sur CoddyKit. Ceci est la leçon 1 sur 2. Tu peux lire la leçon complète ci-dessous gratuitement — puis la pratiquer en direct dans le navigateur avec un éditeur de code intégré et un tuteur IA 24/7. Elle fait partie du parcours d'apprentissage JavaScript Academy, et ta progression se synchronise sur le web et l'application CoddyKit. Le cours JavaScript Academy comprend 2 leçons au total.
Introduction
Objectif : extraire proprement des valeurs de tableaux et d'objets.
- Déstructuration de tableaux
- Ignorer des éléments et utiliser des valeurs par défaut
- Déstructuration d'objets
- Renommer et échanger des valeurs
Bases des tableaux
Les motifs de tableau correspondent aux positions. Le premier élément est affecté à la première variable, et ainsi de suite.
// Array destructuring: assign by position
const pair = [10, 20];
const [x, y] = pair;
console.log("x:", x);
console.log("y:", y);
Éléments ignorés et valeurs par défaut
Utilisez des virgules pour ignorer des positions. Ajoutez = valeur par défaut pour les éléments undefined ou absents.
// Skip items with commas and provide defaults
const triple = [5, undefined, 9];
// Skip the middle, provide default for missing/undefined
const [first, , third = 0] = triple;
console.log("first:", first);
console.log("third with default:", third);
Astuce pour échanger des valeurs
Un échange sur une seule ligne évite d'utiliser une variable temporaire.
// Swap values with destructuring
let a = "left";
let b = "right";
[a, b] = [b, a];
console.log("a:", a);
console.log("b:", b);
Bases des objets et renommage
Les objets correspondent selon leur key. Renommez avec key: localName et ajoutez = valeur par défaut si nécessaire.
// Object destructuring: assign by property name
const user = { name: "Ayla", level: 2, active: true };
// Basic
const { name, active } = user;
// Renaming and default
const { level: userLevel = 0 } = user;
console.log("name:", name);
console.log("active:", active);
console.log("userLevel:", userLevel);
Champs imbriqués (notions de base)
Vous pouvez lire des champs imbriqués en une seule étape. Gardez les motifs courts pour faciliter la lecture sur mobile.
// Nested destructuring (keep it simple)
const config = {
theme: { primary: "blue", contrast: "white" },
flags: { compact: true }
};
const { theme: { primary }, flags: { compact } } = config;
console.log("primary:", primary);
console.log("compact:", compact);
Quiz sur la syntaxe d'échange
Vérification rapide : échanger des valeurs avec la déstructuration.
Récapitulatif
Récapitulatif : les tableaux se déstructurent par position et les objets selon leur key. Vous avez ignoré des éléments, utilisé des valeurs par défaut, renommé des clés et échangé des valeurs sur une seule ligne.
Questions Fréquemment Posées
La leçon « Notions de base de la déstructuration des tableaux et des objets » est-elle gratuite ?
Oui — le texte complet de « Notions de base de la déstructuration des tableaux et des objets » est gratuit à lire ici sur le web. Pour la pratiquer de manière interactive (un éditeur de code intégré et un tuteur IA 24/7) et déverrouiller le reste du cours JavaScript Academy, passe à CoddyKit PRO. Le cours JavaScript Academy comprend 2 leçons au total.
Qu'est-ce que j'apprendrai dans « Notions de base de la déstructuration des tableaux et des objets » ?
Déstructurez des tableaux et des objets : notions de base, éléments ignorés, valeurs par défaut, renommage et astuce simple pour échanger deux valeurs Tu pratiques JavaScript Academy avec du code pratique que tu exécutes directement dans le navigateur, et un tuteur IA 24/7 répond à tes questions au fur et à mesure que tu avances dans la leçon.
Dois-je avoir de l'expérience pour commencer JavaScript Academy ?
Aucune expérience préalable n'est requise. JavaScript Academy sur CoddyKit est structuré pour les débutants jusqu'aux apprenants avancés, donc tu peux commencer ici ou depuis le début et avancer à ton rythme. Ceci est la leçon 1 sur 2.
Combien de temps prend la leçon « Notions de base de la déstructuration des tableaux et des objets » ?
La plupart des leçons CoddyKit prennent environ 5–10 minutes. Chacune est courte et interactive, tu progresses régulièrement et tu repiques exactement où tu t'es arrêté sur le web et l'app.
Peux-tu écrire et exécuter du code dans cette leçon JavaScript Academy ?
Oui. Chaque leçon JavaScript Academy inclut un éditeur de code intégré, tu écris et exécutes du vrai code directement dans ton navigateur et tu reçois des retours IA instantanés — aucune configuration locale requise.
Toutes les leçons de ce cours
- Notions de base de la déstructuration des tableaux et des objets
- Rest et spread — tableaux et objets idiomatiques