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怎么反向连接全部元素并输出字符串”有了更深的了解，不妨来实际操作一番吧！这里是创新互联网站，更多相关内容可以进入相关频道进行查询，关注我们，继续学习！

网页标题：JS怎么反向连接全部元素并输出字符串
标题URL：http://jkwzsj.com/article/pcipis.html