在今天的文章中,我們將學(xué)習(xí)如何輕松地在 JavaScript 中的字符串字符之間包含空格。
1.String split() 和 Split join() 方法
要在字符串的字符之間添加空格,請對字符串調(diào)用 split() 方法以獲取字符數(shù)組,然后對該數(shù)組調(diào)用 join() 方法以使用空格分隔符連接字符。
例如:
String split() 方法使用指定的分隔符將字符串拆分為子字符串?dāng)?shù)組。
通過使用空字符串 ('') 作為分隔符,我們將所有字符串字符拆分為單獨的數(shù)組元素。
String join() 方法將數(shù)組中的每個字符串與分隔符組合在一起。 它返回一個包含串聯(lián)數(shù)組元素的新字符串。
因此,將空格字符傳遞給 join() 會在生成的連接中用空格分隔字符。
在某些情況下,字符串已經(jīng)在某些字符之間包含空格。 在這種情況下,我們的方法會在字符之間添加更多的空格。
這是因為空格 (' ') 也是一個字符,就像一個字母,調(diào)用 split() 會使它成為數(shù)組中的一個單獨元素,該元素將與其他空格組合。
如果我們想避免字符的多重間距,我們可以在 split() 和 join() 之間插入對 filter() 方法的調(diào)用。
Array filter() 方法返回一個新數(shù)組,其中僅包含原始數(shù)組中的元素,從傳遞給 filter() 的測試回調(diào)函數(shù)返回真值。 在空格 (' ') 上調(diào)用 trim() 會產(chǎn)生一個空字符串 (''),這在 JavaScript 中不是真值。 因此,從 filter() 返回的結(jié)果數(shù)組中排除了空格。
小技巧:
在 JavaScript 中,只有六個假值:false、null、undefined、0、' '(空字符串)和 NaN。 其他所有值都是真實的。
2.for…of 循環(huán)
對于命令的方法,我們可以使用 JavaScript for...of 循環(huán)在字符串的字符之間添加一個空格。
要處理前面討論的情況,其中字符串在某些字符之間有空格,請在每次迭代的字符上調(diào)用 trim(),并添加一個 if 檢查以確保它是真實的,然后再將它和空格添加到累積結(jié)果中: