概要

編集

空文字列("")は、文字が1つも含まれていない文字列リテラルを表します。JavaScriptにおいては、文字列型(string)の1つであり、文字数が0の文字列を指します。空文字列は、プログラム内で文字列操作やデフォルト値として頻繁に使用されます。

特徴

編集
  • : 空文字列は常にstring型です。
  • 長さ: 空文字列のlengthプロパティは常に0です。
  • : 空文字列は""で表記され、どの文字も含みません。

使用例

編集

空文字列の作成

編集

空文字列は、""または''を使用して作成できます。

const str1 = ""; // ダブルクォーテーションを使用
const str2 = ''; // シングルクォーテーションを使用

空文字列の判定

編集

空文字列かどうかを判定するには、===演算子やlengthプロパティを使用します。

const str = "";
console.log(typeof str);       // string
console.log(str === "");       // true
console.log(str.length === 0); // true

デフォルト値としての使用

編集

空文字列は、初期化やデフォルト値として頻繁に使用されます。

let userInput = ""; // ユーザー入力の初期値

空文字列と他の値の連結

編集

空文字列と他の値を連結すると、結果は元の値がそのままになります。

const result = "" + 123; // "123"
console.log(result);     // "123"

特別なケース

編集

空文字列とnullの違い

編集

空文字列("")とnullは異なる値です。空文字列はstring型であり、nullは特別なオブジェクト型の値です。

console.log("" === null); // false

空文字列とundefinedの違い

編集

undefinedは値が未定義であることを意味し、空文字列は文字列として定義されています。

console.log("" === undefined); // false

空文字列のユースケース

編集
  1. 初期値: データがまだ設定されていない状態を表すために使用。
    let text = "";
    
  2. 入力の検証: ユーザー入力が空であるかどうかを確認。
    if (input === "") {
      console.log("入力が空です");  
    }
    
  3. デフォルトのプレースホルダー: UIで空白や空の状態を表す。
    const placeholder = "";
    

注意点

編集
  • 空文字列はfalseと評価されますが、undefinednullと異なるため、厳密な比較を推奨します。
    if (!str) {
        console.log("空文字列またはfalse相当の値");
    }
    

関連項目

編集