ホームページ > 記事 > ウェブフロントエンド > JavaScriptでのsplit関数の使い方

JavaScriptでのsplit関数の使い方

不言オリジナル: 2018-12-11 17:39:477260ブラウズ

JavaScript の Split 関数は、正規表現ルールを使用してさまざまなパターンを分割できます。この関数の基本構文は「string.JavaScriptでのsplit関数の使い方 (区切り文字)」です。

この記事の動作環境: Windows 7 システム、Dell G3 コンピューター、JavaScript バージョン 1.8.5。

プログラムを作成するとき、文字列を配列に分割する必要がある場合があります。このとき、JavaScriptでのsplit関数の使い方関数を使用すると、指定した区切り文字を使用して文字列を分割できます。

Array は、複数のデータをまとめて処理できる型です。また、JavaScriptでのsplit関数の使い方関数で正規表現ルールを使用して、さまざまなモードを分割できます。

実際の開発では、データ処理として分割線の列やラベルセグメントがよく使われます。

JavaScriptでのsplit関数の使い方関数の具体的な使い方

基本的な構文は次のようになり、対象文字列の後に「.」を追加します。

字符串.JavaScriptでのsplit関数の使い方（分隔符）

JavaScriptでのsplit関数の使い方関数を使って文字列を分割する具体例

まずは簡単な関数を実装しましょう

コードは以下のとおりです

<!DOCTYPE html>
<html>
<head> 
<meta charset="utf-8"> 
<title></title> 
</head>
<body>
<script>
// JavaScriptでのsplit関数の使い方的示例１
      var shuzi = "10,20,30,40,50";
      var fengefu = ",";
      var array_shuzi = shuzi.JavaScriptでのsplit関数の使い方(fengefu);
      console.log(array_shuzi);

      // JavaScriptでのsplit関数の使い方的示例２
      var words = "Hello my name is Tom";
      var fengefu = /\s+/;
      var array_words = words.JavaScriptでのsplit関数の使い方(fengefu);
      console.log(array_words);
</script>
</body>
</html>

実行結果は次のとおりです。

JavaScriptでのJavaScriptでのsplit関数の使い方関数の使い方

上記の例を注意深く分析してみましょう

コード

var shuzi = "10,20,30,40,50";
var fengefu = ",";
var array_shuzi = shuzi.JavaScriptでのsplit関数の使い方(fengefu);
console.log(array_shuzi);

分析

これは、基本的な文字列分割の例です。

文字列「10,20,30,40,50」を含む変数「shuzi」と、区切り文字「,」を含む変数「fengefu」を用意します。

分割では、文字列「10,20,30,40,50」を「,」で配列に分割し、変数「array_shuzi」に代入します。

結果、配列の内容は以下のように出力されます。

JavaScriptでのsplit関数の使い方

#JavaScriptでのsplit関数の使い方関数は分割する番号を指定します。

#コード

var shuzi = "10,20,30,40,50";
var fengefu = ",";
var array_shuzi = shuzi.JavaScriptでのsplit関数の使い方(fengefu,2);
console.log(array_shuzi);

文字列「10,20,30,40,50」を含む変数「shuzi」と、区切り文字「,」を含む変数「fengefu」を用意します。

JavaScriptでのsplit関数の使い方では文字列「10,20,30,40,50」を「,」で配列に分割していますが、「fengefu,2」の部分に数値「2」を指定しています。分割したら変数「array_shuzi」に入れます。

結果配列の内容は以下のように出力されます。

JavaScriptでのsplit関数の使い方

#正規表現を使用した分割関数での分割

コード

var words = "Hello my name is Tom";
var fengefu = /\s+/;
var array_words = words.JavaScriptでのsplit関数の使い方(fengefu);
console.log(array_words);

分析

次は、正規表現と呼ばれるルールを使用する例です。「/\s/」と書くと、「1 つ以上の連続した空白」を意味します。この場合、連続する文字の数に関係なく、スペースは 1 つの区切り文字として扱われます。

「words」という変数があり、これには「こんにちは、私の名前はトムです」という文字列が含まれています。また、「1 文字」を意味する「/\s /」に割り当てられた「fengefu」という変数も提供されています。または複数の連続する空白"

分割では、文字列「こんにちは、私の名前はトムです」を「/\s /」で配列に分割し、最後に変数「array_words」に入れます。

結果、配列の内容は以下のように出力されます。

以上がJavaScriptでのsplit関数の使い方の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

JavaScript 正则表达式字符串

声明：

この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

前の記事：JavaScript で Promise オブジェクトを使用する方法次の記事：JavaScript で Promise オブジェクトを使用する方法

続きを見る