前端小知識(shí)：我居然沒學(xué)會(huì)用 split 方法？！
小伙伴們，你們會(huì)用 JavaScript 的 split 方法嗎？最近我才發(fā)現(xiàn)，原來我多年來一直沒真正掌握它，結(jié)果在解題時(shí)被卡住了。所以今天，我決定好好整理一下這個(gè)方法的用法。
在討論問題之前，先來看一下 split 的兩種基本用法。
一、split 的兩種基本用法
1. 字符參數(shù)拆分
split 方法的主要用途就是分割字符串，最常見的就是用某個(gè)特定字符作為分隔符，比如電商平臺(tái)上生成商品編號(hào)時(shí)，需要根據(jù)特定字符對(duì)名稱進(jìn)行拆分：
'Product:Code:2024'.split(':');
// 結(jié)果：['Product', 'Code', '2024']在這個(gè)例子中，使用 : 作為分隔符，把字符串分割成多個(gè)部分。這個(gè)用法大家應(yīng)該很熟悉，在生成或解析帶有固定分隔符的數(shù)據(jù)時(shí)非常常用。
2. 正則表達(dá)式分隔：按字符類型拆分
有時(shí)候，我們并不是按某個(gè)具體字符，而是按一類字符來分割字符串。比如在評(píng)論數(shù)據(jù)處理中，我們想去掉所有標(biāo)點(diǎn)符號(hào)，只保留文字內(nèi)容：
'Hello, how are you?'.split(/\W+/).filter(Boolean);
// 結(jié)果：['Hello', 'how', 'are', 'you']在這個(gè)例子中：
- 使用正則表達(dá)式 \W+ 來匹配一個(gè)或多個(gè)非字母字符，并將它們作為分隔符。
- split 按這些分隔符將字符串分割成單詞列表。
- filter(Boolean) 去除了分割后產(chǎn)生的空字符串，確保得到的數(shù)組只包含有效的單詞。
這種用法在清理用戶輸入的文本或提取內(nèi)容時(shí)非常有用。
二、為什么說我沒學(xué)會(huì) split 呢？
1. 帶捕獲組的正則分割
看看下面這個(gè)代碼示例：
'alphaABbetaCDgamma'.split(/(AB|CD)/);如果你以為結(jié)果是 ['alpha', 'beta', 'gamma']，那么需要重新思考了！
// 實(shí)際結(jié)果：['alpha', 'AB', 'beta', 'CD', 'gamma']沒錯(cuò)，結(jié)果數(shù)組中不僅包含分割后的文本，還包含了分隔符 AB 和 CD。當(dāng) split 使用正則表達(dá)式分隔時(shí)，如果正則中有捕獲組，那么匹配到的捕獲組內(nèi)容也會(huì)出現(xiàn)在最終的結(jié)果中。這一點(diǎn)非常容易被忽略。
2. 處理多分隔符日期字符串
假設(shè)我們需要處理一組日期字符串，這些日期可能用 - 或 / 作為分隔符。我們想把年份加 1 并保留原有的分隔符格式。這種場(chǎng)景下，用帶捕獲組的正則表達(dá)式非常便捷：
function addOneYear(date) {
const parts = date.split(/(-|\/)/); // 捕獲分隔符 - 或 /
parts[0] = Number(parts[0]) + 1; // 將年份加 1
return parts.join(''); // 保留分隔符
}
console.log(addOneYear('2023-05-15')); // 輸出: 2024-05-15
console.log(addOneYear('2023/05/15')); // 輸出: 2024/05/15在這里，分隔符 - 或 / 被保留在結(jié)果數(shù)組中，這樣在處理完數(shù)據(jù)后可以重新拼接出原來的日期格式，非常方便。
3. 限制分割次數(shù)
split 方法的第二個(gè)參數(shù) limit 可以限制返回?cái)?shù)組的長(zhǎng)度。在處理一些日志或長(zhǎng)文本時(shí)，我們可能只想要前幾段內(nèi)容，后續(xù)內(nèi)容可以忽略。這時(shí) limit 就派上用場(chǎng)了。
'section1ABsection2CDsection3'.split(/(AB|CD)/, 3);
// 結(jié)果：['section1', 'AB', 'section2']在這個(gè)例子中，我們用 limit 限制了數(shù)組長(zhǎng)度為 3，因此 split 從第一個(gè)匹配位置分割，并在達(dá)到限制長(zhǎng)度后停止，剩下的部分被忽略。這種用法對(duì)于需要提取特定部分內(nèi)容時(shí)很實(shí)用，比如只保留標(biāo)題和前兩段描述。
三、總結(jié)
通過以上進(jìn)階用法，我們可以更靈活地使用 split 處理字符串?dāng)?shù)據(jù)。無論是在電商中生成規(guī)范的商品代碼，還是在處理評(píng)論內(nèi)容、日期格式等場(chǎng)景中，這些技巧都能幫助我們更高效地進(jìn)行字符串分割。
