JS中字符串切割為數(shù)組/數(shù)組拼接為字符串的代碼例子
一、字符串切割為數(shù)組
所使用的函數(shù)方法:split()
(1)語(yǔ)法格式:
let 數(shù)組變量 = 字符串.split(所選分隔符);
其中所選分隔符使用雙引號(hào)(“”)或者單引號(hào)(‘’)括起來(lái);
所生成的數(shù)組會(huì)存放于前面定義的數(shù)組變量中。
(2)樣例:
JS代碼:
var string = "元素一 元素二 元素三 元素四"; var array = string.split(" ")//使用空格作為分隔符 console.log(array);//打印生成的數(shù)組變量
運(yùn)行結(jié)果:
[ '元素一', '元素二', '元素三', '元素四' ]
(3)其他用法:
①當(dāng)所選分隔符為空時(shí),返回的數(shù)組即將每個(gè)字符分割出來(lái):
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é)果:
[]
③不帶分隔符,將返回一個(gè)長(zhǎng)度為1,內(nèi)容為字符串自己的數(shù)組:
JS代碼:
var string = "元素一 元素二 元素三 元素四"; var array = string.split()//不帶分隔符 console.log(array);//打印生成的數(shù)組變量
運(yùn)行結(jié)果:
[ '元素一 元素二 元素三 元素四' ]
④添加可選參數(shù)limit限定切割的長(zhǎng)度
string.split(splitter, limit);
使用:
JS代碼:
var string = "元素一 元素二 元素三 元素四"; var array = string.split(" ", 3);//帶分隔符、限定長(zhǎng)度值 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)語(yǔ)法格式:
let 數(shù)組變量 = 字符串.join(所選分隔符);
和split語(yǔ)法一樣,它會(huì)將數(shù)組加上所選分隔符后拼接起來(lái)
(2)樣例:
JS代碼:
var array = [ '元素一', '元素二', '元素三', '元素四' ]; var string = array .join(",")//使用空格作為分隔符 console.log(string);//打印生成的字符串
運(yùn)行結(jié)果:
元素一,元素二,元素三,元素四
三、附言
實(shí)際上,數(shù)組拼接為字符串也有其他辦法,但對(duì)于我的工作、學(xué)習(xí)操作并沒有更好的幫助,故此處只簡(jiǎn)單寫一點(diǎn):
1.可以使用for循環(huán)遍歷并使用加號(hào)(+)加起來(lái);
2.使用函數(shù)方法toString(),可以將數(shù)組連接為字符串,并用逗號(hào)(,)連接數(shù)組中的各元素;
3.函數(shù)方法toLocalString() 方法能夠使用用戶所在地區(qū)特定的分隔符把生成的字符串連接起來(lái),形成一個(gè)字符串。
字符串轉(zhuǎn)換為數(shù)組也其他辦法:
由于字符串可以直接根據(jù)索引進(jìn)行訪問,所以可以根據(jù)這個(gè)原則使用for循環(huán)進(jìn)行遍歷切割:
string[num]
總結(jié)
到此這篇關(guān)于JS中字符串切割為數(shù)組/數(shù)組拼接為字符串的文章就介紹到這了,更多相關(guān)JS字符串切割為數(shù)組內(nèi)容請(qǐng)搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家!
相關(guān)文章
bootstrap weebox 支持ajax的模態(tài)彈出框
本篇介紹的bootstrap weebox(支持ajax的模態(tài)彈出框),歷經(jīng)多次修改,目前版本已經(jīng)穩(wěn)定,整合了bootstrap的響應(yīng)式,界面簡(jiǎn)單,功能卻無(wú)比豐富,支持ajax、圖片預(yù)覽等等2017-02-02基于javascript實(shí)現(xiàn)精確到毫秒的倒計(jì)時(shí)限時(shí)搶購(gòu)
現(xiàn)如今做電商網(wǎng)站必不可少的一個(gè)效果就是限時(shí)搶購(gòu),這也是各大電商網(wǎng)站的一種促銷手段。如何實(shí)現(xiàn)倒計(jì)時(shí)限時(shí)搶購(gòu),本文為大家分享了javascript實(shí)現(xiàn)倒計(jì)時(shí)限時(shí)搶購(gòu)的的相關(guān)代碼,感興趣的小伙伴們可以參考一下2016-04-04用ASP將SQL搜索出來(lái)的內(nèi)容導(dǎo)出為TXT的代碼
用ASP將SQL搜索出來(lái)的內(nèi)容導(dǎo)出為TXT的代碼...2007-07-07