JavaScript - ヌルリスコアリング演算子

こんにちは、未来のプログラマーさんたち！今日は、あなたのコードをよりクリーンで効率的にする素晴らしいJavaScriptの機能についてお話しします。その名も、ヌルリスコアリング演算子で、そのパワーの理解が深まるや否や、あなたも私と同じに興奮するでしょう！

ヌルリスコアリング演算子とは？

本題に入る前に、簡単な質問から始めましょう：値がnullまたはundefinedであるかどうかを確認してから使用したことがありますか？頷いているあなたは、次にくる内容が大好きになるでしょう！

ヌルリスコアリング演算子（??で表される）は、左側のオペランドがnullまたはundefinedの場合は右側のオペランドを返し、それ以外の場合は左側のオペランドを返す論理演算子です。

これは最初は少し混乱するかもしれませんが、心配しないでください！段階的に詳しく説明し、多くの例を用意します。

文法

ヌルリスコアリング演算子の文法は驚くほどシンプルです：

leftExpr ?? rightExpr

ここで、leftExprとrightExprは任意の型の式です。leftExprがnullまたはundefinedの場合、演算子はrightExprを返します。それ以外の場合はleftExprを返します。

例

実際にどのように動作するかをいくつかの例で見てみましょう。

例1: 基本的な使用法

let username = null;
let displayName = username ?? "Anonymous";

console.log(displayName); // 出力: "Anonymous"

この例では、usernameはnullなので、ヌルリスコアリング演算子は"Anonymous"を返します。まるで、「usernameが値を持っていればそれを使い、持っていなければ'Anonymous'を使い」と言っているようなものです。

例2: 論理ORとの比較

「論理OR演算子（||）で同じことができないか？」と思っているかもしれません。それでは違いを見てみましょう：

let count = 0;

let result1 = count || 10;
let result2 = count ?? 10;

console.log(result1); // 出力: 10
console.log(result2); // 出力: 0

驚き！論理OR演算子は0をfalsy値として扱い10を返しますが、ヌルリスコアリング演算子はnullまたはundefinedだけでチェックするので0を返します。

例3: ヌルリスコアリングのネスト

複数のヌルリスコアリング演算子を連鎖することもできます：

let user = {
name: "Alice",
age: null
};

let userAge = user.age ?? user.yearOfBirth ?? "Unknown";

console.log(userAge); // 出力: "Unknown"

ここでは、まずuser.ageがnullまたはundefinedでないかをチェックします。nullであるため、次にuser.yearOfBirthをチェックしますが、それも存在しない（undefined）ため、最終的に"Unknown"にフォールバックします。

ショートカircuiting

ヌルリスコアリング演算子の非常に素晴らしい機能の1つがショートカircuitingです。これは、左側がnullまたはundefinedでない場合、右側は評価されないことを意味します！

let x = 5;
let y = x ?? console.log("これは印刷されません");

console.log(y); // 出力: 5

この例では、xがnullまたはundefinedでないため、右側のconsole.log()は実行されません。これはパフォーマンス最適化に非常に役立ちます！

メソッドと概念の表

ここで説明した主要なメソッドと概念を簡単にまとめた表を示します：

メソッド/概念	説明	例
ヌルリスコアリング演算子 (??)	左側がnullまたはundefinedの場合右側を返す	let result = null ?? "default"
ショートカircuiting	左側がnullまたはundefinedでない場合右側は評価されない	let y = 5 ?? expensiveOperation()
ネスト	複数の??演算子を連鎖	let z = a ?? b ?? c ?? "default"

結論

さて、皆さん！ヌルリスコアリング演算子はあなたのJavaScriptツールキットの強力なツールです。特にnullまたはundefinedの値を扱う際に、よりクリーンで表現力豊かなコードを書くのに役立ちます。

覚えておいてください、プログラミングは問題解決することです。ヌルリスコアリング演算子は、nullやundefinedの厄介なケースを処理するための万能ツールです。それでは、自信を持ってコードを書きましょう！

最後に、私の教えの経験から小さな話をシェアします。ある生徒がnull値の処理に困っていて、コードが読みにくく、メンテナンスが困難でした。彼にヌルリスコアリング演算子を紹介したところ、彼の目は魔法を発見したかのように輝きました。彼のコードは一晩でクリーンになりましたし、どれだけ簡単になったか語りきれません。あなたも同じような「啊！」という瞬間をプログラミングの旅で体験するかもしれません！

続けて練習し、好奇心を持ち続け、ハッピーなコーディングを！

Credits: Image by storyset