JavaScriptには分割機能があるのでしょうか？-フロントエンドQ&A-php.cn

JavaScriptには分割機能があるのでしょうか？

青灯夜游

リリース： 2023-01-07 11:42:04

オリジナル

2689 人が閲覧しました

JavaScript の分割関数。 split() は、js String オブジェクトの組み込み関数です。文字列を文字列配列に分割し、文字列配列を返すために使用されます。構文形式は「str.split(separator [,length])」です。

JavaScriptには分割機能があるのでしょうか？

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

JavaScript String オブジェクト split()

JavaScript の Split() メソッドは、文字列を文字列配列に分割するために使用されます。形式は次のとおりです。 :

str.split( 分隔符 [,length] )

ログイン後にコピー

このメソッドと配列 join() は相互の逆演算です。

split() メソッドは、「separator」パラメータに従って文字列を、「length」パラメータで指定された長さ以下の文字列配列に分割します。パラメータ「delimiter」には文字列または正規表現を使用できます。オプションの「length」パラメータは、返される配列の最大長を指定します。 length パラメータが設定されている場合、返される文字列の数はこのパラメータを超えることはありません。このパラメータが設定されていない場合は、長さに関係なく文字列全体が分割されます。

split() メソッドは、区切り文字で指定された境界で文字列 str を分離します。返される配列内の文字列には区切り文字自体は含まれません。区切り文字が空の文字列 '' の場合、str 文字列内の各文字が分割されることに注意してください。

split() 例は次のとおりです。

var str = "Hello,can I help you?";
alert(str.split(","));//使用，作为分隔符，输出：["Hello","can I help you?"]
alert(str.split(&#39; &#39;));//使用空格字符串作为分隔符，输出：["Hello,can", "I", "help", "you?"]
alert(str.split(&#39;&#39;));//使用空字符串作为分隔符，输出：["H","e","l","l","o",",","c","a","n","
                       //","I"," ","h","e","l","p"," ","y","o","u","?"]
alert(str.split(&#39;can&#39;));//使用"can"字符串作为分隔符，输出：["Hello,", " I help you?"]

ログイン後にコピー

例: 入力テキストの背景色を設定するには、split() を使用します。

<!doctype html>
<html>
<head>
<meta charset = "utf-8">
<title>使用split()和join()实现对输入文字设置背景颜色</title>
<script>
     window.onload = function(){
         var oDiv = document.getElementById(&#39;div1&#39;);
         var aInp = document.getElementsByTagName(&#39;input&#39;);
         var arrColor = [&#39;#FFC&#39;,&#39;#CC3&#39;,&#39;#6FC&#39;,&#39;#9C9&#39;,&#39;#C6F&#39;,&#39;#CFF&#39;];
        
         aInp[1].onclick = function(){
            var str = aInp[0].value;
            var arr = str.split(&#39;&#39;);//将字符串使用空字符串分隔为字符串数组
         
            for(var i = 0; i < arr.length; i++){
               arr[i] = &#39;<span style="background:&#39;+arrColor[i%arrColor.length]+&#39;;">&#39;+
                      arr[i]+&#39;</span>&#39;;
            }
            oDiv.innerHTML = arr.join(&#39;&#39;);//将数组各个元素使用空字符串连接成字符串
            aInp[0].value = &#39;&#39;;//清空文本框中输入的文本内容
         };
     };
</script>
<body>
   <div id="div1" style="width:300px;height:50px;"></div>
     <input type="text"/>
   <input type="button" value="提交"/>
</body>
</html>

ログイン後にコピー

上記の JS コードは、split('') を使用して文字列を null 文字で文字に分割し、それらを配列要素として配列 arr に格納し、ループステートメントを使用して各文字要素を配列に追加します。配列背景色の後、配列内の個々の文字要素は、null 文字を使用した join('') を使用して文字列に連結されます。

実行結果:

テキストボックスにテキストの内容を入力します:

JavaScriptには分割機能があるのでしょうか？