JS中字符串切割為數(shù)組/數(shù)組拼接為字符串的代碼例子
一、字符串切割為數(shù)組
所使用的函數(shù)方法:split()
(1)語法格式:
let 數(shù)組變量 = 字符串.split(所選分隔符);
其中所選分隔符使用雙引號(“”)或者單引號(‘’)括起來;
所生成的數(shù)組會存放于前面定義的數(shù)組變量中。
(2)樣例:
JS代碼:
var string = "元素一 元素二 元素三 元素四";
var array = string.split(" ")//使用空格作為分隔符
console.log(array);//打印生成的數(shù)組變量運(yùn)行結(jié)果:
[ '元素一', '元素二', '元素三', '元素四' ]
(3)其他用法:
①當(dāng)所選分隔符為空時,返回的數(shù)組即將每個字符分割出來:
JS代碼:
var string = "元素一 元素二 元素三 元素四";
var array = string.split("")//使用空分隔符
console.log(array);//打印生成的數(shù)組變量運(yùn)行結(jié)果:
[
'元', '素', '一', ' ',
'元', '素', '二', ' ',
'元', '素', '三', ' ',
'元', '素', '四'
]
②分隔符為空,字符串為空,返回空數(shù)組:
JS代碼:
var string = "";
var array = string.split("")//使用空分隔符
console.log(array);//打印生成的數(shù)組變量運(yùn)行結(jié)果:
[]
③不帶分隔符,將返回一個長度為1,內(nèi)容為字符串自己的數(shù)組:
JS代碼:
var string = "元素一 元素二 元素三 元素四"; var array = string.split()//不帶分隔符 console.log(array);//打印生成的數(shù)組變量
運(yùn)行結(jié)果:
[ '元素一 元素二 元素三 元素四' ]
④添加可選參數(shù)limit限定切割的長度
string.split(splitter, limit);
使用:
JS代碼:
var string = "元素一 元素二 元素三 元素四";
var array = string.split(" ", 3);//帶分隔符、限定長度值
console.log(array);//打印生成的數(shù)組變量運(yùn)行結(jié)果:
[ '元素一', '元素二', '元素三' ]
⑤使用正則表達(dá)式作為分隔符
使用:
JS代碼:
var string = "元素一?元素二!元素三.元素四"; var array = string.split(/[?,!,.]/);//正則分隔符 console.log(array);//打印生成的數(shù)組變量
運(yùn)行結(jié)果:
[ '元素一', '元素二', '元素三', '元素四' ]
二、數(shù)組拼接為字符串
所使用的函數(shù)方法:join()
(1)語法格式:
let 數(shù)組變量 = 字符串.join(所選分隔符);
和split語法一樣,它會將數(shù)組加上所選分隔符后拼接起來
(2)樣例:
JS代碼:
var array = [ '元素一', '元素二', '元素三', '元素四' ];
var string = array .join(",")//使用空格作為分隔符
console.log(string);//打印生成的字符串運(yùn)行結(jié)果:
元素一,元素二,元素三,元素四
三、附言
實際上,數(shù)組拼接為字符串也有其他辦法,但對于我的工作、學(xué)習(xí)操作并沒有更好的幫助,故此處只簡單寫一點:
1.可以使用for循環(huán)遍歷并使用加號(+)加起來;
2.使用函數(shù)方法toString(),可以將數(shù)組連接為字符串,并用逗號(,)連接數(shù)組中的各元素;
3.函數(shù)方法toLocalString() 方法能夠使用用戶所在地區(qū)特定的分隔符把生成的字符串連接起來,形成一個字符串。
字符串轉(zhuǎn)換為數(shù)組也其他辦法:
由于字符串可以直接根據(jù)索引進(jìn)行訪問,所以可以根據(jù)這個原則使用for循環(huán)進(jìn)行遍歷切割:
string[num]
總結(jié)
到此這篇關(guān)于JS中字符串切割為數(shù)組/數(shù)組拼接為字符串的文章就介紹到這了,更多相關(guān)JS字符串切割為數(shù)組內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
JavaScript中的"??"和"||" 的實現(xiàn)示例
本文主要介紹了JavaScript中的"??"和"||" 的實現(xiàn)示例,??僅處理null/undefined,而||處理所有假值,文中通過示例代碼介紹的非常詳細(xì),需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧2025-09-09
在DWR中實現(xiàn)直接獲取一個JAVA類的返回值的兩種方法
本文主要介紹了在DWR中實現(xiàn)直接獲取一個JAVA類的返回值的兩種方法,具有一定的參考價值,下面跟著小編一起來看下吧2016-12-12
layui 監(jiān)聽select選擇 獲取當(dāng)前select的ID名稱方法
今天小編就為大家分享一篇layui 監(jiān)聽select選擇 獲取當(dāng)前select的ID名稱方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
基于JavaScript中字符串的match與replace方法(詳解)
下面小編就為大家介紹一下JavaScript中的字符串的match與replace方法,具有很好的參考價值,希望對大家有所幫助。一起跟隨小編過來看看吧2017-12-12
分享十三個最佳JavaScript數(shù)據(jù)網(wǎng)格庫
數(shù)據(jù)網(wǎng)格可以幫助解決在 HTML 表格上對帶有過濾、分頁、排序、搜索以及內(nèi)聯(lián)編輯這些功能特性的大量數(shù)據(jù)集的處理問題,需要的朋友可以參考下2017-04-04

