快捷導(dǎo)航

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

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

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

一、定義和用法

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

二、語法

string.split(separator,limit)

三、參數(shù)值

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

四、返回值

類型	描述
Array	一個(gè)字符串?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()">點(diǎn)我</button>
	</body>
</html>

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

分割每個(gè)字符包括空格

HTML

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

JavaScript

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

注意： split() 方法不改變?cè)甲址?/p>

代碼示例來驗(yàn)證

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

五、更多實(shí)例

5.1 省略分割參數(shù)

HTML代碼

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

JAVAScript代碼

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

運(yùn)行效果

5.2 使用limit參數(shù)

HTML

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

JAVAScript

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

測(cè)試運(yùn)行效果

5.3 使用一個(gè)字符作為分割符

HTML

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

JAVAScript

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

運(yùn)行測(cè)試結(jié)果