JavaScript
 Computer >> コンピューター >  >> プログラミング >> JavaScript

JavaScriptで文字列を分割する3つの方法とは？【split()・スプレッド演算子・Array.from()】

JavaScriptで文字列を個々の文字に分割する方法は、主に3つあります。1つ目は従来から使われているstring.split()メソッドによる方法、残りの2つはES6（ECMAScript 2015）で導入されたスプレッド演算子とArray.from()メソッドを使う方法です。それぞれの使い方を詳しく見ていきましょう。

1. String.split()

split()は最も古典的で広く使われている方法です。引数に空文字列 '' を渡すことで、文字列を1文字ずつに分割し、配列として取得できます。

構文

string.split('');

使用例

次の例では、string.split()メソッドを使って、指定した文字列を個々の文字に分割しています。

<html>
<body>
    <script>
        const str = 'Tutorialspoint';
        var d = str.split('');
        document.write(d);
    </script>
</body>
</html>

出力結果

T,u,t,o,r,i,a,l,s,p,o,i,n,t

2. スプレッド演算子（Spread Operator）

ES6で導入されたスプレッド演算子を使うと、より簡潔に文字列を分割できます。[...str] と書くだけで、文字列がそのまま配列へ展開されます。string.split()メソッドと比較すると記述量が少なく、直感的に理解しやすいのが大きな特徴です。

構文

[...string];

使用例

次の例では、ES6のスプレッド演算子を使って、指定した文字列を個々の文字に分割しています。

<html>
<body>
    <script>
        const str = 'Tutorix';
        var d = [...str];
        document.write(d);
    </script>
</body>
</html>

出力結果

T,u,t,o,r,i,x

3. Array.from()

ES6で追加されたArray.from()メソッドも、文字列を配列に変換する際に便利です。文字列などの反復可能（iterable）なオブジェクトを受け取り、新しい配列を生成します。動作はスプレッド演算子とほぼ同じですが、配列風オブジェクト（array-like object）にも対応している点が異なります。

構文

Array.from(str);

使用例

次の例では、ES6のArray.from()メソッドを使って、指定した文字列を個々の文字に分割しています。

<html>
<body>
    <script>
        const str = 'Tutorix and Tutorialspoint';
        var d = Array.from(str);
        document.write(d);
    </script>
</body>
</html>

出力結果

T,u,t,o,r,i,x, ,a,n,d, ,T,u,t,o,r,i,a,l,s,p,o,i,n,t

まとめ：どの方法を選ぶべきか？

文字列を1文字ずつ分割する方法は3つあり、それぞれに特徴があります。

  • string.split('')：従来からある定番の方法。区切り文字を自由に指定できる柔軟性が魅力です。
  • スプレッド演算子 [...str]：記述が最もシンプルで可読性が高い。モダンなコードにおすすめの方法です。
  • Array.from(str)：配列風オブジェクトにも対応しており、第二引数でマップ処理を組み合わせるなど応用範囲が広いのが強みです。

用途や対象ブラウザの環境に応じて、これらの方法を使い分けるとよいでしょう。

  1. JavaScriptで文字列を検索する方法【search()メソッドの使い方を解説】

    JavaScriptで文字列を検索する方法 JavaScriptで文字列の中から特定の文字列を探すには、search()メソッドを使用します。このメソッドは、引数に渡した文字列（または正規表現）が対象の文字列内で最初に一致した位置（インデックス）を返し、見つからなかった場合は -1 を返します。 以下は、JavaScriptで文字列を検索するサンプルコードです。 サンプルコード <!DOCTYPE html> <html lang="en" > <head> <meta charset="UTF-8" />

  2. Javaで文字列を文字配列（char配列）に変換する2つの方法を徹底解説

    Javaでは、String型の文字列を文字配列（char[]）に変換する方法が主に2つあります。ひとつは各文字を1つずつ配列にコピーする方法、もうひとつはtoCharArray()メソッドを使う方法です。それぞれの手順とサンプルコードを詳しく見ていきましょう。 方法1：charAt()メソッドで各文字をコピーする StringクラスのcharAt()メソッドは、指定した位置にある文字を返します。このメソッドを利用して、文字列の各文字を順番に配列へ格納していきます。 手順 変換対象の文字列を取得します。 文字列と同じ長さの空のchar配列を作成します。 charAt()メソッドを使って、文字列