JavaScript の分割関数。 split() は、js String オブジェクトの組み込み関数です。文字列を文字列配列に分割し、文字列配列を返すために使用されます。構文形式は「str.split(separator [,length])」です。
このチュートリアルの動作環境: 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(' '));//使用空格字符串作为分隔符,输出:["Hello,can", "I", "help", "you?"] alert(str.split(''));//使用空字符串作为分隔符,输出:["H","e","l","l","o",",","c","a","n"," //","I"," ","h","e","l","p"," ","y","o","u","?"] alert(str.split('can'));//使用"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('div1'); var aInp = document.getElementsByTagName('input'); var arrColor = ['#FFC','#CC3','#6FC','#9C9','#C6F','#CFF']; aInp[1].onclick = function(){ var str = aInp[0].value; var arr = str.split('');//将字符串使用空字符串分隔为字符串数组 for(var i = 0; i < arr.length; i++){ arr[i] = '<span style="background:'+arrColor[i%arrColor.length]+';">'+ arr[i]+'</span>'; } oDiv.innerHTML = arr.join('');//将数组各个元素使用空字符串连接成字符串 aInp[0].value = '';//清空文本框中输入的文本内容 }; }; </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 学習チュートリアル]
以上がJavaScriptには分割機能があるのでしょうか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。