Fonctionnalités Javascript que vous devez connaître

Dans cet article, nous explorerons comment éviter les erreurs lors de la tentative d'accès à des données qui pourraient être indéfinies ou nulles, et nous examinerons les méthodes que vous pouvez utiliser pour gérer les données efficacement lorsque cela est nécessaire.

Accès sécurisé avec chaînage en option

En JavaScript, lorsque vous essayez d'accéder à une valeur ou à une fonction dans des objets imbriqués, si le résultat est non défini, votre code peut générer une erreur. Cette erreur peut arrêter l'exécution de votre code. Cependant, si vous utilisez l'opérateur de chaînage facultatif, lorsque vous essayez d'accéder à une valeur ou une fonction dans un objet, il renverra undéfini au lieu de générer une erreur si la valeur ou la fonction n'existe pas. Cela empêche votre code de planter.

Exemple :

const person = {
  name: 'John',
  address: {
    city: 'New York'
  }
};

console.log(person.address?.city); // 'New York'
console.log(person.address?.country); // undefined, no error

Coalescence nulle

Si la valeur d'une variable est nulle ou indéfinie, cela peut casser votre code. Pour attribuer une valeur par défaut lorsqu'une variable est nulle ou indéfinie,** vous pouvez utiliser l'opérateur de fusion nul (??).**

Exemple :

function getConfig(config) {
    return config ?? { timeout: 1000, retries: 3 };
}

let userConfig = null;
let finalConfig = getConfig(userConfig); // { timeout: 1000, retries: 3 } 
console.log(finalConfig);

Gestion des doublons avec Set et WeakSet

Suppression des doublons avec Set :

Si un tableau contient des valeurs en double, vous pouvez supprimer ces doublons en utilisant Set. Voici comment utiliser cette structure :

const numbers = [1, 2, 3, 4, 4, 5, 6, 6, 7, 8, 9, 9];
const uniqueNumbers = [...new Set(numbers)];

console.log(uniqueNumbers); // [1, 2, 3, 4, 5, 6, 7, 8, 9]

Prévenir les doublons avec WeakSet :

Puisque WeakSet contient des références à des objets, un objet ne peut être ajouté qu'une seule fois à un WeakSet. Voici un exemple :

// Creating a WeakSet
const weakset = new WeakSet();

// Defining objects
const obj1 = { name: 'Alice' };
const obj2 = { name: 'Bob' };

// Adding objects to the WeakSet
weakset.add(obj1);
weakset.add(obj2);

console.log(weakset.has(obj1)); // true
console.log(weakset.has(obj2)); // true

// Attempting to add the same object again
weakset.add(obj1); // obj1 is already present, won't be added again

console.log(weakset.has(obj1)); // true
console.log(weakset.has(obj2)); // true

// Removing an object from the WeakSet
weakset.delete(obj1);
console.log(weakset.has(obj1)); // false

// Adding the object again
weakset.add(obj1);
console.log(weakset.has(obj1)); // true

Conclusion

Dans cet article, nous avons exploré certains concepts importants qui peuvent aider à éviter les erreurs lors de l'accès à des valeurs qui peuvent être indéfinies ou nulles, ainsi que des méthodes pour gérer les données plus efficacement lorsque cela est nécessaire.

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!