快捷導(dǎo)航

JavaScript?split()方法定義及更多實例

更新時間：2024年03月02日 09:24:11 作者：FBI?HackerHarry浩

這篇文章主要給大家介紹了關(guān)于JavaScript?split()方法定義及更多實例的相關(guān)資料,js里的split()方法大家都知道用于將字符串轉(zhuǎn)化為字符串?dāng)?shù)組,文中通過代碼實例介紹的非常詳細,需要的朋友可以參考下

一、定義和用法

split() 方法用于把一個字符串分割成字符串?dāng)?shù)組。

二、語法

string.split(separator,limit)

三、參數(shù)值

參數(shù)	描述
separator	可選。字符串或正則表達式，從該參數(shù)指定的地方分割 string Object。
limit	可選。該參數(shù)可指定返回的數(shù)組的最大長度。如果設(shè)置了該參數(shù)，返回的子串不會多于這個參數(shù)指定的數(shù)組。如果沒有設(shè)置該參數(shù)，整個字符串都會被分割，不考慮它的長度。

四、返回值

類型	描述
Array	一個字符串?dāng)?shù)組。該數(shù)組是通過在 separator 指定的邊界處將字符串 string Object 分割成子串創(chuàng)建的。返回的數(shù)組中的字串不包括 separator 自身。

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>split方法</title>
	</head>
	<script>
		//分割空格
		function myFunction(){
			var str = "How are you doing today?";
			var n = str.split();
			document.getElementById("demo").innerHTML = n;
		}
	</script>
	<body>
		<p id="demo">單擊按鈕顯示分割后的數(shù)組</p>
		<button οnclick="myFunction()">點我</button>
	</body>
</html>

提示：如果把空字符串 (“”) 用作 separator，那么 stringObject 中的每個字符之間都會被分割。

分割每個字符包括空格

HTML

<p id="demo2">單擊按鈕顯示分割后的數(shù)組</p>
		<button onclick="myFunction2()">點我</button

JavaScript

//分割每個字符包括空格
function myFunction2(){
			var str = "How are you doing today?"
			var n = str.split("")
			document.getElementById("demo2").innerHTML = n
		}

注意： split() 方法不改變原始字符串

代碼示例來驗證

我們可以看到控制臺輸出的，和最開始定義的字符串變量一樣。

五、更多實例

5.1 省略分割參數(shù)

HTML代碼

<p id="demo3">單擊按鈕顯示分割后的數(shù)組</p>
		<button οnclick="myFunction3()">點我</button>

JAVAScript代碼

//省略分割參數(shù)
function myFunction3() {
			var str = "How are you doing today?"
			var n = str.split()
			document.getElementById("demo3").innerHTML = n
			console.log(str);
		}

運行效果

5.2 使用limit參數(shù)

HTML

<p id="demo4">單擊按鈕顯示分割后的數(shù)組</p>
		<button οnclick="myFunction4()">點我</button>

JAVAScript

	//使用limit參數(shù)
		function myFunction4() {
			var str = "How are you doing today?"
			var n = str.split(" ",3)
			document.getElementById("demo4").innerHTML = n;
		}

測試運行效果

5.3 使用一個字符作為分割符

HTML

<p id="demo5">單擊按鈕顯示分割后的數(shù)組</p>
		<button οnclick="myFunction5()">點我</button>

JAVAScript

//使用一個字符作為分割符
		function myFunction5(){
			var str = "How are you doing today?"
			var n = str.split("o");
			document.getElementById("demo5").innerHTML=n;
		}

運行測試結(jié)果