JS怎么反向連接全部元素并輸出字符串

本篇內容主要講解“JS怎么反向連接全部元素并輸出字符串”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學習“JS怎么反向連接全部元素并輸出字符串”吧!

今天本文的主要內容是：逆向遍歷數組，從右到左的將數組元素拼接成一個字符串。下面介紹3種實現方法。

方法1：利用for循環

實現思想：

• 利用for循環逆向遍歷數組

  想要逆向遍歷數組，那么初始條件就是 i=數組長度-1，限制條件為 i>=0，每循環一次i需要自減1（i--）

for(i=arr.length-1;i>=0;i--){  //逆向循環遍歷數組
}

• 然后利用字符串連接運算符“+”或者concat()方法來拼接數組元素，轉為字符串。【推薦閱讀：《JS字符串學習之巧用函數來連接多個字符串》】

我們看看實現代碼：

var arr = [1,2,3,4,5,6,7,8,9,0];
var i,str="";
for(i=arr.length-1;i>=0;i--){  //逆向循環遍歷數組
	//拼接
	str=str+''+arr[i];
	// str=str.concat(arr[i]);
}
console.log(str);

輸出結果為：

方法2：利用數組的reduceRight() 方法

recudeRight() 方法可從右向左對數組中的所有元素調用指定的回調函數。該回調函數的返回值為累積結果，并且此返回值在下一次調用該回調函數時作為參數提供。

array.reduceRight(function callbackfn(previousValue, currentVaule, currentIndex, array)[, initialValue])

function callbackfn(previousValue,currentVaule,currentIndex,array)：必需參數，指定回調函數，最多可以接收4個參數：

• previousValue：初始值，或者通過上一次調用回調函數獲得的值。

• currentVaule：當前元素數組的值。

• currentIndex：當前數組元素的數字索引。

• array：包含該元素的數組對象。

我們看看利用reduceRight()怎么逆向拼接數組元素

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);

輸出結果為：

如果想要使用分隔符來分隔每個數組元素，可將回調函數中兩個“+”運算符間的空字符串變為指定分隔符：

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);

輸出結果為：

方法3：利用reverse()+reduce()

reverse()可以反轉數組的元素順序；而reduce()方法的語法和用法與和reduceRight() 方法大概相同，唯一不同的是：它是從左到右對數組中的所有元素調用指定的回調函數。

array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)

實現思想：

• 先使用reverse()反轉數組元素，得到新數組arr2；

• 然后實現reduce()方法調用函數，拼接數組元素

我們看看實現代碼：

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);

輸出結果為：

到此，相信大家對“JS怎么反向連接全部元素并輸出字符串”有了更深的了解，不妨來實際操作一番吧！這里是億速云網站，更多相關內容可以進入相關頻道進行查詢，關注我們，繼續學習！