JS 之 String split() 用法詳解

關於 split() 方法的用法詳解

說明

split() 是字符串根據分隔符分割成字符串數組的一個方法,
返回一個數組;

注意

1 如果分割符是正則表達式, split 會檢測 正則表達式 中是否有小括號() , 小括號中的內容會輸出到數組中,如果不想輸出到數組中, 請使用正則 **(?:x)**字符;
2 如果分隔符出現在字符串的開頭或結尾,那麼數組的開頭或結尾會分割出空字符

語法

str.split(separator,limit)

參數

separator : 【可選】, 【類型】 字符串 或 正則表達式，【表示】 這個參數整體作爲字符串的分隔符
limit : 【可選】, 【類型】 整數， 【表示】 返回數組的長度 小於等於 limit

示例說明

1 無參數, 整個字符串作爲數組的一個元素

var str = '君不見黃河之水天上來';
var arr = str.split();
console.log(arr) // ["君不見黃河之水天上來"]

2 根據 空字符串 分割數組

var str = '君不見黃河之水天上來';
var arr = str.split('');
console.log(arr) // ["君","不","見","黃","河","之","水","天","上","來"]

3 根據 空格 分割數組

var str = '君不見 黃河 之水 天上來';
var arr = str.split(' ');
console.log(arr) // ["君不見","黃河","之水","天上來"]

4 根據 , 分割數組

var str = '君不見,黃河,之水/天上來';
var arr =str.split(',');
console.log(arr) // ["君不見","黃河","之水/天上來"]

5 返回長度小於等於2的數組, 根據 / 分割數組

var str = '君不見/黃河/之水/天上來';
var arr = str.split('/', 2);
console.log(arr) // ["君不見","黃河"]

6 根據 正則 分割數組, 一個分隔符

var str = '君 & 不見 & 黃河& 之水 &天上來,奔流 & 到海 & 不復回';
var arr = str.split(/\s+&\s+/);
console.log(arr) // ["君","不見","黃河& 之水 &天上來,奔流","到海","不復回"]

7 根據 正則 分割數組, 多個分隔符, 保留分隔符

var str = '君 / 不見 / 黃河/ 之水 /天上來,奔流 & 到海 & 不復回';
var arr = str.split(/\s+(\/|&)\s+/);
console.log(arr) // ["君","/","不見","/","黃河/ 之水 /天上來,奔流","&","到海","&","不復回"]

8 根據 正則 分割數組, 多個分隔符, 不保留分隔符

var str = '君 / 不見 / 黃河/ 之水 /天上來,奔流 & 到海 & 不復回';
vararr = str.split(/\s+(?:\/|&)\s+/);
console.log(arr) // ["君","不見","黃河/ 之水 /天上來,奔流","到海","不復回"]

9 分隔符出現在字符串的開頭或結尾

var str = '/君不見/黃河/之水/天上來/';
var arr = str.split('/');
console.log(arr) // ["","君不見","黃河","之水","天上來",""]