您好,欢迎来到三六零分类信息网!老站,搜索引擎当天收录,欢迎发信息

JS数组学习之反向连接全部元素并输出字符串

2025/9/15 23:56:13发布20次查看
在之前的文章《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);
输出结果为:
好了,就说到这里了,有需要的可以看:javascript高级教程
以上就是js数组学习之反向连接全部元素并输出字符串的详细内容。
该用户其它信息

VIP推荐

免费发布信息,免费发布B2B信息网站平台 - 三六零分类信息网 沪ICP备09012988号-2
企业名录 Product