JavaScript Academy · Leçon

CRUD des tableaux, itération ; bases des objets et accès

Opérations CRUD et itération sur les tableaux ; littéraux objet et accès aux propriétés avec la notation pointée ou entre crochets et le chaînage optionnel

Leçon 1 sur 28 étapes

CRUD des tableaux, itération ; bases des objets et accès 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 : manipuler les tableaux et les objets avec des approches simples et sûres.

  • Opérations CRUD sur les tableaux
  • Parcourir les valeurs
  • Accéder aux objets
CRUD des tableaux, itération ; bases des objets et accès — illustration 1

Bases des opérations CRUD sur les tableaux

Utilisez push/unshift pour ajouter et pop/shift pour supprimer. Gardez les affichages courts sur mobile.

// Make an array
const colors = ["red", "green"];

// Add to end
colors.push("blue");

// Add to start
colors.unshift("pink");

// Remove from end
const last = colors.pop();

// Remove from start
const first = colors.shift();

console.log("Colors now:", colors);
console.log("Removed:", first, last);
CRUD des tableaux, itération ; bases des objets et accès — illustration 2

Index et longueur

Utilisez l'accès par index et length pour effectuer des lectures simples.

// Read by index and use length
const nums = [10, 20, 30];

console.log("First:", nums[0]);
console.log("Last:", nums[nums.length - 1]);
console.log("Count:", nums.length);
CRUD des tableaux, itération ; bases des objets et accès — illustration 3

Parcourir un tableau

for…of fournit directement les valeurs ; forEach appelle une fonction pour chaque valeur.

// Iterate values with for…of
const fruits = ["apple", "banana", "cherry"];

for (const value of fruits) {
  console.log("of:", value);
}

// Or use forEach with a small callback
fruits.forEach(function (v) {
  console.log("each:", v);
});
CRUD des tableaux, itération ; bases des objets et accès — illustration 4

Littéraux d'objet et accès

Les objets stockent des paires clé-valeur. Utilisez un accès par point ou par crochets.

// Create an object with properties
const user = {
  name: "Ayla",
  level: 1,
  active: true
};

// Dot access
console.log("Name:", user.name);

// Bracket access (useful for dynamic keys)
const key = "level";
console.log("Level:", user[key]);
CRUD des tableaux, itération ; bases des objets et accès — illustration 5

Chaînage optionnel et décomposition

?. évite les erreurs lorsqu'un chemin est absent. Utilisez la décomposition ... pour cloner et fusionner des objets (les clés ultérieures remplacent les précédentes).

// Optional chaining: safely read nested values
const profile = { contact: { email: "ayla@example.com" } };
console.log("Email:", profile.contact?.email);
console.log("Twitter:", profile.social?.twitter);

// Clone and merge with spread
const base = { a: 1, b: 2 };
const extra = { b: 9, c: 3 };

const clone = { ...base };
const merged = { ...base, ...extra };

console.log("Clone:", clone);
console.log("Merged:", merged);
CRUD des tableaux, itération ; bases des objets et accès — illustration 6

Quiz sur les méthodes de tableau

Vérification rapide : ajouter à la fin d'un tableau.

CRUD des tableaux, itération ; bases des objets et accès — illustration 7

Récapitulatif

Récapitulatif : vous avez pratiqué les opérations CRUD sur les tableaux, parcouru leurs valeurs avec for…of/forEach, accédé aux propriétés des objets, utilisé le chaînage optionnel et cloné ou fusionné avec la décomposition.

CRUD des tableaux, itération ; bases des objets et accès — illustration 8
Gratuit pour commencer

Apprends JavaScript avec un tuteur IA — gratuit

Écris et exécute du vrai code dans ton navigateur, obtiens de l'aide instantanée d'un tuteur IA disponible 24h/24, et reprends là où tu t'es arrêté sur le web ou dans l'app.

Cours
59
Leçons
200

Questions Fréquemment Posées

La leçon « CRUD des tableaux, itération ; bases des objets et accès » est-elle gratuite ?

Oui — le texte complet de « CRUD des tableaux, itération ; bases des objets et accès » 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 « CRUD des tableaux, itération ; bases des objets et accès » ?

Opérations CRUD et itération sur les tableaux ; littéraux objet et accès aux propriétés avec la notation pointée ou entre crochets et le chaînage optionnel 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 « CRUD des tableaux, itération ; bases des objets et accès » ?

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

  1. CRUD des tableaux, itération ; bases des objets et accès
  2. Clonage et fusion — opérateur spread et Object.assign
← Retour à JavaScript Academy