jsの文字列を配列に変換する方法は何ですか?

zbt
リリース: 2023-08-01 11:26:41
オリジナル
2420 人が閲覧しました

JS 文字列の変換メソッドは次のとおりです: 1. split() メソッド; 2. Array.from() メソッド; 3. Array.prototype.split(); 4. [...string] 構文。

jsの文字列を配列に変換する方法は何ですか?

#JavaScript では、文字列は一連の文字で構成されます。場合によっては、処理やさらなる操作を容易にするために、文字列を単一の文字またはより長い部分文字列に分割する必要がある場合があります。これには、string to array メソッドを使用する必要があります。

JS では、文字列を配列に変換するためによく使用されるメソッドがいくつかあります:

1.split() メソッド

split() メソッドは次のとおりです。文字列を配列に変換するために最も一般的に使用される方法の 1 つ。文字列をフラグメントに分割し、そのフラグメントを配列に入れます。区切り文字を指定することで分割位置を指定できます。

以下は、split() メソッドを使用して文字列を配列に分割する例です。

let str = "Hello World";
let arr = str.split(" ");
console.log(arr);
ログイン後にコピー

出力結果は、2 つの要素を含む配列です: ['Hello', 'World '] 。

ご覧のとおり、split() メソッドで区切り文字としてスペースを渡しました。このようにして、文字列を 2 つの部分に分割し、その 2 つの部分を配列に配置します。

2. Array.from() メソッド

Array.from() メソッドは、ES6 で導入された配列静的メソッドの 1 つです。反復可能なオブジェクト (文字列を含む) から新しい配列を作成します。

次は、Array.from() メソッドを使用して文字列を配列に変換する例です:

let str = "Hello World";
let arr = Array.from(str);
console.log(arr);
ログイン後にコピー

出力結果は 11 文字を含む配列です: ['H', 'e'、'l'、'l'、'o'、' '、'W'、'o'、'r'、'l'、 「d」]。

3. Array.prototype.split()

split() メソッドに加えて、JS のプロトタイプ チェーンには Split() メソッドもあります。配列。文字列に直接適用して文字列を配列に変換できます。

次は、Array.prototype.split() メソッドを使用して文字列を配列に分割する例です:

let str = "Hello World";
let arr = Array.prototype.split.call(str, " ");
console.log(arr);
ログイン後にコピー

出力結果も 2 つの要素を含む配列です: ['こんにちは世界']。

Array.prototype.split() メソッドを使用する場合、call() メソッドを通じて文字列に適用する必要があることに注意してください。

4. [...string] 構文

split() メソッドと Array.from() メソッドの使用に加えて、[ . ..string] 構文は、文字列を配列に変換します。

次は、[...string] 構文を使用して文字列を配列に変換する例です:

let str = "Hello World";
let arr = [...str];
console.log(arr);
ログイン後にコピー

出力結果も 11 文字を含む配列です: ['H' 、「e」、「l」、「l」、「o」、「 」、「W」、「o」、「r」、「l」、 「d」]。

[...string] 構文を使用する場合は、文字列を角かっこで囲み、連続する 3 つのピリオドで接続するだけです。

概要

文字列を配列に変換する方法としては、split() メソッド、Array.from() メソッド、Array.prototype.split() メソッドを使用できます。メソッドと [...string] 構文。さまざまな状況やニーズに応じて、適切な変換方法を選択してください。

どの方法を使用しても、変換された結果は文字列の断片または文字を表す配列となり、さらなる処理や操作に使用できます。この記事が、文字列を配列に変換する方法を理解して習得するのに役立つことを願っています!

以上がjsの文字列を配列に変換する方法は何ですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!