JS如何將字符串分割成子串并傳給數組

本篇內容主要講解“JS如何將字符串分割成子串并傳給數組”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“JS如何將字符串分割成子串并傳給數組”吧!

本文的主要內容是“分割字符串，變成多個更小的子串，并將這些子串傳給數組，作為數組元素”；簡單來說就是“字符串轉為數組”。

那么這樣怎么操作呢？我們可以使用JavaScript內置的函數split()。

string.split(separator,limit)用于把一個字符串分割成字符串數組；接受兩個可省略的參數separator（分割符或正則表達式，指定分割位置）和limit（指定返回的數組的最大長度）

可省略的參數separator有多種取值情況，不同的情況返回的數組也不一樣：

1、split()方法不接受參數：

var str="How are you doing today?";
var arr=str.split();
console.log(arr);

當參數為空時，則該方法會把整個字符串作為一個元素的數組返回（此時數組長度為1）。因此輸出結果為：

2、split()方法的separator參數為空字符串

var str="How are you doing today?";
var arr=str.split('');
console.log(arr);

當separator參數為空字符串時，那么該方法會按照單個字符進行分割，每個字符之間都會被分割，則會返回一個包含所有單個字符的字符數組（此時數組長度為字符串的長度）。因此輸出結果為：

3、split()方法的separator參數為空格' '

var str="How are you doing today?";
var arr=str.split(' ');
console.log(arr);

當separator參數為空格時，那么該方法會按照空格來進行分割，將字符串中的每個單詞都分割出來作為數組元素。因此輸出結果為：

4、split()方法的separator參數為正則表達式

var str= "a2b3c4d5e678f12g";
var arr=str.split(/\d+/);  //把以匹配的數字為分隔符來切分字符串
console.log(arr);

當separator參數為正則表達式，則該方法能夠以匹配文本作為分隔符進行切分。例如上例中就是匹配0~9的數字，將數字作為分割符，因此輸出結果為：

• 如果正則表達式匹配的文本位于字符串的邊沿，則 split() 方法也執行切分操作，且為數組添加一個空數組。

var str= "122a2b3c4d5e678f12g456";
var arr=str.split(/\d+/);  //把以匹配的數字為分隔符來切分字符串
console.log(arr);

• 如果在字符串中指定的分隔符沒有找到，則返回一個包含整個字符串的數組。

var str= "abcdefg";
var arr=str.split(/\d+/);  //把以匹配的數字為分隔符來切分字符串
console.log(arr);

指定包含的子串數目

如果分割的子串太多，只是想要獲取前幾個子串，那么可以第二個參數limit。

第二個參數limit可指定返回數組的最大長度，即可設置包含的子串數目。如果設置了該參數，則返回的數組長度不會大于這個參數指定的值：

var str="How are you doing today?";
var arr=str.split(' ',3);
console.log(arr);

參數limit不接受負值，如果設置了負值，則該值會被會略掉。

var str="How are you doing today?";
var arr=str.split(' ',-3);
console.log(arr);

到此，相信大家對“JS如何將字符串分割成子串并傳給數組”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！