一、字符串切割為數(shù)組

所使用的函數(shù)方法：split()

（1）語法格式：

let 數(shù)組變量 = 字符串.split(所選分隔符);

其中所選分隔符使用雙引號（“”）或者單引號（‘’）括起來；

所生成的數(shù)組會存放于前面定義的數(shù)組變量中。

（2）樣例：

JS代碼：

var string = "元素一 元素二 元素三 元素四";
var array = string.split(" ")//使用空格作為分隔符
console.log(array);//打印生成的數(shù)組變量

運行結(jié)果：

[ '元素一', '元素二', '元素三', '元素四' ]

（3）其他用法：

①當(dāng)所選分隔符為空時，返回的數(shù)組即將每個字符分割出來：

JS代碼：

var string = "元素一 元素二 元素三 元素四";
var array = string.split("")//使用空分隔符
console.log(array);//打印生成的數(shù)組變量

運行結(jié)果：

[
  '元', '素', '一', ' ',
  '元', '素', '二', ' ',
  '元', '素', '三', ' ',
  '元', '素', '四'
]

②分隔符為空，字符串為空，返回空數(shù)組：

JS代碼：

var string = "";
var array = string.split("")//使用空分隔符
console.log(array);//打印生成的數(shù)組變量

運行結(jié)果：

[]

③不帶分隔符，將返回一個長度為1，內(nèi)容為字符串自己的數(shù)組：

JS代碼：

var string = "元素一 元素二 元素三 元素四";
var array = string.split()//不帶分隔符
console.log(array);//打印生成的數(shù)組變量

運行結(jié)果：

[ '元素一 元素二 元素三 元素四' ]

④添加可選參數(shù)limit限定切割的長度

string.split(splitter, limit);

使用：

JS代碼：

var string = "元素一 元素二 元素三 元素四";
var array = string.split(" ", 3);//帶分隔符、限定長度值
console.log(array);//打印生成的數(shù)組變量

運行結(jié)果：

[ '元素一', '元素二', '元素三' ]

⑤使用正則表達(dá)式作為分隔符

使用：

JS代碼：

var string = "元素一?元素二!元素三.元素四";
var array = string.split(/[?,!,.]/);//正則分隔符
console.log(array);//打印生成的數(shù)組變量

運行結(jié)果：

[ '元素一', '元素二', '元素三', '元素四' ]

二、數(shù)組拼接為字符串

所使用的函數(shù)方法：join()

（1）語法格式：

let 數(shù)組變量 = 字符串.join(所選分隔符);

和split語法一樣，它會將數(shù)組加上所選分隔符后拼接起來

（2）樣例：

JS代碼：

var array = [ '元素一', '元素二', '元素三', '元素四' ];
var string = array .join(",")//使用空格作為分隔符
console.log(string);//打印生成的字符串

運行結(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)文章希望大家以后多多支持腳本之家！

最新評論