知っておくべきJavaScriptの機能-jsチュートリアル-php.cn

知っておくべきJavaScriptの機能

Patricia Arquette

リリース： 2024-10-03 06:30:30

オリジナル

389 人が閲覧しました

Javascript Features You Need to Know

この記事では、未定義または 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 または未定義 の場合、コードが壊れる可能性があります。変数が null または未定義の場合にデフォルト値を割り当てるには、** null 合体演算子 (??) を使用できます。**

例:

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 を使用してそれらの重複を削除できます。この構造体の使用方法は次のとおりです:

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]

ログイン後にコピー

WeakSet による重複の防止:

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

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

ログイン後にコピー