欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

JS中字符串切割為數(shù)組/數(shù)組拼接為字符串的代碼例子

 更新時(shí)間:2023年09月17日 08:36:49   作者:Light?rattle  
這篇文章主要給大家介紹了關(guān)于JS中字符串切割為數(shù)組/數(shù)組拼接為字符串的相關(guān)資料,數(shù)組是JavaScript中最強(qiáng)大的數(shù)據(jù)結(jié)構(gòu),我們常常通過將字符串轉(zhuǎn)換為數(shù)組來(lái)解決許多算法,需要的朋友可以參考下

一、字符串切割為數(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)文章

  • 通俗易懂地解釋JS中的閉包

    通俗易懂地解釋JS中的閉包

    本文通過示例代碼給大家介紹了js中的閉包,非常不錯(cuò),具有參考借鑒價(jià)值,感興趣的朋友一起看看吧
    2017-10-10
  • JavaScript this關(guān)鍵字的深入詳解

    JavaScript this關(guān)鍵字的深入詳解

    這篇文章主要給大家介紹了關(guān)于JavaScript this關(guān)鍵字的相關(guān)資料,文中通過示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧
    2021-01-01
  • JavaScript也談內(nèi)存優(yōu)化

    JavaScript也談內(nèi)存優(yōu)化

    這篇文章主要介紹了JavaScript內(nèi)存優(yōu)化,主要是javascript的應(yīng)用越來(lái)越復(fù)雜,內(nèi)存問題所導(dǎo)致的卡頓、內(nèi)存溢出等現(xiàn)象也變得不再陌生,所以說也談內(nèi)存優(yōu)化,需要的朋友可以參考下
    2014-06-06
  • 微信小程序防止重復(fù)點(diǎn)擊按鈕的示例代碼

    微信小程序防止重復(fù)點(diǎn)擊按鈕的示例代碼

    這篇文章主要介紹了微信小程序防止重復(fù)點(diǎn)擊按鈕的示例代碼,本文通過示例代碼給大家介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或工作具有一定的參考借鑒價(jià)值,需要的朋友可以參考下
    2023-10-10
  • javascript之更有效率的字符串替換

    javascript之更有效率的字符串替換

    今天研究了一下JS比較高級(jí)的正則表達(dá)式方法,發(fā)現(xiàn)一個(gè)我認(rèn)為比原來(lái)的方法更有效率的字符串替換方法。
    2008-08-08
  • js解決軟鍵盤遮擋輸入框的問題分享

    js解決軟鍵盤遮擋輸入框的問題分享

    下面小編就為大家推薦一篇js解決軟鍵盤遮擋輸入框的問題分享,具有很好的參考價(jià)值,希望對(duì)大家有所幫助。一起跟隨小編過來(lái)看看吧
    2017-12-12
  • JavaScript 拖拉時(shí)間之drag案例詳解

    JavaScript 拖拉時(shí)間之drag案例詳解

    這篇文章主要介紹了JavaScript 拖拉時(shí)間之drag案例詳解,本篇文章通過簡(jiǎn)要的案例,講解了該項(xiàng)技術(shù)的了解與使用,以下就是詳細(xì)內(nèi)容,需要的朋友可以參考下
    2021-09-09
  • bootstrap weebox 支持ajax的模態(tài)彈出框

    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)

    基于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的代碼

    用ASP將SQL搜索出來(lái)的內(nèi)容導(dǎo)出為TXT的代碼...
    2007-07-07

最新評(píng)論