JS數(shù)組方法join()用法實(shí)例分析
本文實(shí)例講述了JS數(shù)組方法join()用法。分享給大家供大家參考,具體如下:
join()方法
- 定義和用法:
join() 方法用于把數(shù)組中的所有元素放入一個(gè)字符串。
元素是通過(guò)指定的分隔符進(jìn)行分隔的。 - 語(yǔ)法:arrayObject.join(separator)
- 參數(shù):可選,指定要使用的分隔符。
注:不給join()方法傳入任何值,或者給它傳入undefined,則使用逗號(hào)作為分隔符。
IE7及更早版本會(huì)錯(cuò)誤的使用字符串“undefined”作為分隔符。
數(shù)組中的某一項(xiàng)是null或undefined,那么該值在join()、toLocaleString()、toString()和valueOf()方法返回的結(jié)果中以空字符串表示。 - 返回值:
返回包含所有數(shù)組項(xiàng)的字符串。
代碼如下:
Array.prototype.copyJoin = function() { var string = ''; for(var i = 0; i < this.length; i++) { // 將數(shù)組中各項(xiàng)值為null 或undefined的項(xiàng)改為空字符串。 if(this[i] == null || this[i] == undefined) { this[i] = ''; } // 對(duì)數(shù)組進(jìn)行操作 if(arguments.length == 1 && arguments[0] != undefined) { //指定使用的分隔符 string += (i < this.length - 1) ? this[i] + arguments[0] : this[i]; } else { // 默認(rèn)使用的分隔符————逗號(hào) // if(i < this.length - 1) { // string += this[i] + ','; // } // else { // string += this[i]; // } string += (i < this.length - 1) ? this[i] + ',' : this[i]; } } return string; } // 不傳任何值或者傳入undefined var arr = [1, 2, 3, 4, 5, 6]; console.log(arr.copyJoin()); // 1,2,3,4,5,6 console.log(arr.copyJoin().length); // 11 console.log(arr.copyJoin(undefined)); // 1,2,3,4,5,6 console.log(arr.copyJoin(undefined).length); // 11 // 傳入?yún)?shù) console.log(arr.copyJoin('||')); // 1||2||3||4||5||6 console.log(arr.copyJoin('||').length); // 16 // 數(shù)組中的某一項(xiàng)是null或undefined var arr2 = [1, undefined, 2, undefined, 3, 4, 5, 6, 7, null, 8, null, 9]; console.log(arr2.copyJoin()); // 1,,2,,3,4,5,6,7,,8,,9 console.log(arr2.copyJoin().length); // 21 console.log(arr2.copyJoin(undefined)); // 1,,2,,3,4,5,6,7,,8,,9 console.log(arr2.copyJoin(undefined).length); // 21
運(yùn)行結(jié)果:
以上在IE8+ join()方法一樣,但是在IE7及更早版本(copyJoin()方法不存在):
arr.join(undefined)); // 1undefined2undefined3undefined4undefined5undefined6 arr.join(undefined).length); // 51 arr2.join(undefined)); // 1undefinedundefined2undefinedundefined3undefined4undefined5undefined6undefined7undefinedundefined8undefinedundefined9 arr2.join(undefined).length); // 117
感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具:http://tools.jb51.net/code/HtmlJsRun測(cè)試上述代碼運(yùn)行效果。
更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題:《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《javascript面向?qū)ο笕腴T教程》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯(cuò)誤與調(diào)試技巧總結(jié)》
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
相關(guān)文章
javascript閉包傳參和事件的循環(huán)綁定示例探討
按常理循環(huán)綁定事件,但是得到的結(jié)果卻不是想要的,下面有個(gè)不錯(cuò)的示例,可以為大家詳細(xì)分解下2014-04-04淺析JavaScript中兩種類型的全局對(duì)象/函數(shù)
這篇文章主要介紹了JavaScript中兩種類型的全局對(duì)象/函數(shù)。需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-12-12JavaScript動(dòng)畫原理之如何使用js進(jìn)行動(dòng)畫效果的實(shí)現(xiàn)
在現(xiàn)在做頁(yè)面很多時(shí)候都會(huì)用上動(dòng)畫效果,比如下拉菜單,側(cè)邊搜索欄,層的彈出與關(guān)閉等等,下面這篇文章主要給大家介紹了關(guān)于JavaScript動(dòng)畫原理之如何使用js進(jìn)行動(dòng)畫效果實(shí)現(xiàn)的相關(guān)資料,需要的朋友可以參考下2023-04-04javascript實(shí)現(xiàn)的固定位置懸浮窗口實(shí)例
這篇文章主要介紹了javascript實(shí)現(xiàn)的固定位置懸浮窗口,以一個(gè)完整實(shí)例形式詳細(xì)分析了javascript實(shí)現(xiàn)固定位置懸浮窗口的相關(guān)技巧,非常具有實(shí)用價(jià)值,需要的朋友可以參考下2015-04-04JS正則表達(dá)式替換字符串replace()方法實(shí)例代碼
正則表達(dá)式是用于匹配字符串中字符組合的模式,在js中正則表達(dá)式是對(duì)象,這篇文章主要給大家介紹了關(guān)于JS正則表達(dá)式替換字符串replace()方法的相關(guān)資料,文中通過(guò)示例代碼介紹的非常詳細(xì),需要的朋友可以參考下2022-07-07