ホームページ > 記事 > ウェブフロントエンド > JavaScriptには分割機能があるのでしょうか？
JavaScriptには分割機能があるのでしょうか？
- 青灯夜游オリジナル
- 2021-07-06 15:57:242666ブラウズ
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 サイトの他の関連記事を参照してください。