本篇內(nèi)容主要講解“JS怎么反向連接全部元素并輸出字符串”,感興趣的朋友不妨來(lái)看看。本文介紹的方法操作簡(jiǎn)單快捷,實(shí)用性強(qiáng)。下面就讓小編來(lái)帶大家學(xué)習(xí)“JS怎么反向連接全部元素并輸出字符串”吧!
創(chuàng)新互聯(lián)專(zhuān)注于雙河企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站,商城網(wǎng)站建設(shè)。雙河網(wǎng)站建設(shè)公司,為雙河等地區(qū)提供建站服務(wù)。全流程按需求定制網(wǎng)站,專(zhuān)業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)專(zhuān)業(yè)和態(tài)度為您提供的服務(wù)
今天本文的主要內(nèi)容是:逆向遍歷數(shù)組,從右到左的將數(shù)組元素拼接成一個(gè)字符串。下面介紹3種實(shí)現(xiàn)方法。
方法1:利用for循環(huán)
實(shí)現(xiàn)思想:
利用for循環(huán)逆向遍歷數(shù)組
想要逆向遍歷數(shù)組,那么初始條件就是 i=數(shù)組長(zhǎng)度-1,
限制條件為 i>=0
,每循環(huán)一次i需要自減1(i--
)
for(i=arr.length-1;i>=0;i--){ //逆向循環(huán)遍歷數(shù)組 }
然后利用字符串連接運(yùn)算符“+
”或者concat()
方法來(lái)拼接數(shù)組元素,轉(zhuǎn)為字符串?!就扑]閱讀:《JS字符串學(xué)習(xí)之巧用函數(shù)來(lái)連接多個(gè)字符串》】
我們看看實(shí)現(xiàn)代碼:
var arr = [1,2,3,4,5,6,7,8,9,0]; var i,str=""; for(i=arr.length-1;i>=0;i--){ //逆向循環(huán)遍歷數(shù)組 //拼接 str=str+''+arr[i]; // str=str.concat(arr[i]); } console.log(str);
輸出結(jié)果為:
方法2:利用數(shù)組的reduceRight() 方法
recudeRight() 方法可從右向左對(duì)數(shù)組中的所有元素調(diào)用指定的回調(diào)函數(shù)。該回調(diào)函數(shù)的返回值為累積結(jié)果,并且此返回值在下一次調(diào)用該回調(diào)函數(shù)時(shí)作為參數(shù)提供。
array.reduceRight(function callbackfn(previousValue, currentVaule, currentIndex, array)[, initialValue])
function callbackfn(previousValue,currentVaule,currentIndex,array)
:必需參數(shù),指定回調(diào)函數(shù),最多可以接收4個(gè)參數(shù):
previousValue:初始值,或者通過(guò)上一次調(diào)用回調(diào)函數(shù)獲得的值。
currentVaule:當(dāng)前元素?cái)?shù)組的值。
currentIndex:當(dāng)前數(shù)組元素的數(shù)字索引。
array:包含該元素的數(shù)組對(duì)象。
我們看看利用reduceRight()怎么逆向拼接數(shù)組元素
var arr = [1,2,3,4,5,6,7,8,9,0]; var str = ''; function f(pre,curr) { str=pre+''+curr; return str; } arr.reduceRight(f); console.log(str);
輸出結(jié)果為:
如果想要使用分隔符來(lái)分隔每個(gè)數(shù)組元素,可將回調(diào)函數(shù)中兩個(gè)“+”運(yùn)算符間的空字符串變?yōu)橹付ǚ指舴?/p>
var arr = [1,2,3,4,5,6,7,8,9,0]; var str = ''; function f(pre,curr) { str=pre+'-'+curr; return str; } arr.reduceRight(f); console.log(str);
輸出結(jié)果為:
方法3:利用reverse()+reduce()
reverse()可以反轉(zhuǎn)數(shù)組的元素順序;而reduce()方法的語(yǔ)法和用法與和reduceRight() 方法大概相同,唯一不同的是:它是從左到右對(duì)數(shù)組中的所有元素調(diào)用指定的回調(diào)函數(shù)。
array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)
實(shí)現(xiàn)思想:
先使用reverse()反轉(zhuǎn)數(shù)組元素,得到新數(shù)組arr2;
然后實(shí)現(xiàn)reduce()方法調(diào)用函數(shù),拼接數(shù)組元素
我們看看實(shí)現(xiàn)代碼:
var arr1 = [1,2,3,4,5,6,7,8,9,0],arr2=[]; var str = ''; function f(pre,curr) { str=pre+''+curr; return str; } arr2=arr1.reverse(); arr2.reduce(f); console.log(str);
輸出結(jié)果為:
到此,相信大家對(duì)“JS怎么反向連接全部元素并輸出字符串”有了更深的了解,不妨來(lái)實(shí)際操作一番吧!這里是創(chuàng)新互聯(lián)網(wǎng)站,更多相關(guān)內(nèi)容可以進(jìn)入相關(guān)頻道進(jìn)行查詢(xún),關(guān)注我們,繼續(xù)學(xué)習(xí)!