码云前端开发 2021-05-05

JavaScript RegExp split() 方法

文章目录隐藏

定义和用法
语法
参数值
返回值
浏览器支持
实例 1
实例 2
实例 3
实例 4

定义和用法

split() 方法用于把一个字符串分割成字符串数组。

提示： 如果把空字符串 ("") 用作 separator，那么 stringObject 中的每个字符之间都会被分割。

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

如果想了解更多正则表达式教程请查看本站的： RegExp 教程和我们的 RegExp 对象参考手册。

语法

string.split(separator,limit)

参数值

参数	描述
separator	可选。字符串或正则表达式，从该参数指定的地方分割 string Object。
limit	可选。该参数可指定返回的数组的最大长度。如果设置了该参数，返回的子串不会多于这个参数指定的数组。如果没有设置该参数，整个字符串都会被分割，不考虑它的长度。

返回值

类型	描述
Array	一个字符串数组。该数组是通过在 separator 指定的边界处将字符串 string Object 分割成子串创建的。返回的数组中的字串不包括 separator 自身。

浏览器支持

所有主要浏览器都支持 split() 方法

实例 1

省略分割参数：

<p id="demo">单击按钮显示分割后的数组</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var str="How are you doing today?";
    var n=str.split();
    document.getElementById("demo").innerHTML=n;
}
</script>

程序运行结果：

How are you doing today?

实例 2

分割每个字符，包括空格:

<p id="demo">单击按钮显示分割后的数组</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var str="How are you doing today?";
    var n=str.split("");
    document.getElementById("demo").innerHTML=n;
}
</script>

程序运行结果：

H,o,w, ,a,r,e, ,y,o,u, ,d,o,i,n,g, ,t,o,d,a,y,?

实例 3

使用 limit 参数:

<p id="demo">单击按钮显示分割后的数组</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var str="How are you doing today?";
    var n=str.split(" ",3);
    document.getElementById("demo").innerHTML=n;
}
</script>

程序运行结果：

How,are,you

实例 4

使用一个字符作为分隔符:

<p id="demo">单击按钮显示分割后的数组</p>
<button onclick="myFunction()">点我</button>
<script>
function myFunction(){
    var str="How are you doing today?";
    var n=str.split("o");
    document.getElementById("demo").innerHTML=n;
}
</script>

程序运行结果：