In diesem Artikel untersuchen wir, wie Sie Fehler verhindern können, wenn Sie versuchen, auf Daten zuzugreifen, die möglicherweise undefiniert oder null sind, und wir schauen uns mögliche Methoden an verwenden, um Daten bei Bedarf effektiv zu verwalten.

Sicherer Zugang mit optionaler Verkettung

Wenn Sie in JavaScript versuchen, auf einen Wert oder eine Funktion in verschachtelten Objekten zuzugreifen und das Ergebnis undefiniert ist, kann Ihr Code einen Fehler auslösen. Dieser Fehler kann die Ausführung Ihres Codes stoppen. Wenn Sie jedoch den optionalen Verkettungsoperator verwenden, wird undefiniert zurückgegeben, anstatt einen Fehler auszulösen, wenn der Wert oder die Funktion nicht vorhanden ist. Dies verhindert, dass Ihr Code abstürzt.

Beispiel :

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

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

Nullish Coalescing

Wenn der Wert einer Variablen null oder undefiniert ist, können Sie den Operator nullish coalescing verwenden

Beispiel :

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

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

Verwalten von Duplikaten mit Set und WeakSet

Duplikate mit Set entfernen:

Für ein Array mit doppelten Werten können Sie doppelte Werte mit set

Beispiel :

const letter= ["a", "b", "c" , "c" , "a" , "d" ,"d" ,];
const result= [...new Set(letter)];

console.log(result) => ["a", "b" , "c" , "d"]

Duplikate mit WeakSet verhindern:

Da WeakSet Verweise auf Objekte enthält, kann ein Objekt nur einmal zu einem WeakSet hinzugefügt werden.

Beispiel :

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

// Defining objects
const personJane = { name: 'jane' };
const personMike = { name: 'mike' };

// Adding objects to the WeakSet
weakset.add(personJane);
weakset.add(personMike);

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

Abschluss

In diesem Artikel haben wir einige wichtige Konzepte untersucht, die dabei helfen können, Fehler beim Zugriff auf Werte zu verhindern, die möglicherweise undefiniert oder null sind, sowie Methoden für eine effektivere Verwaltung von Daten bei Bedarf .