この記事では、未定義または null の可能性があるデータにアクセスしようとするときにエラーを防ぐ方法を検討し、できる方法を見ていきます。 必要に応じてデータを効果的に管理するために使用します.

オプションのチェーンによる安全なアクセス

JavaScript で、入れ子になったオブジェクト内の値または関数にアクセスしようとすると、結果が 未定義 の場合、コードでエラーがスローされることがあります。このエラーにより、コードの実行が停止する可能性があります。ただし、オプションの連鎖演算子を使用すると、値または関数が存在しない場合にエラーをスローする代わりに、未定義が返されます。 これにより、コードのクラッシュが防止されます。

例 ：

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

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

ヌルリッシュ合体

変数の値が null または 未定義 の場合、これを回避するには、nullish coalescing 演算子

例 ：

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

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

Set と WeakSet を使用した重複の管理

Set で重複を削除 :

重複した値を持つ配列の場合、set を使用して

例 ：

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

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

WeakSet による重複の防止 :

WeakSet はオブジェクトへの参照を保持するため、オブジェクトを WeakSet に追加できるのは 1 回だけです。

例 ：

// 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

結論

この記事では、未定義または null の可能性がある値にアクセスする際のエラーを防ぐのに役立ついくつかの重要な概念と、必要に応じてより効果的にデータを管理する方法について検討しました。 .