JS二维数组学习之如何拼凑所有原素

在上一篇文章《JS数组学习之如何根据数组下标删除任意元素》中，大家阐述了应用delete操作符或splice()方式依据数组下标来删掉数组元素的办法。此次我们再JavaScript二维数组学习与训练，看一下如何将数组转为字符串数组，感兴趣的朋友可以学习了解一下~

文中主题是：二维数组里的所有原素拼凑成一个字符串数组，简单的说就是将数组转为一个字符串数组。比如下边的一个二维数组：

arr = [1,2,3,4,5,6,7,8,9,0];

需要拼凑这其中的所有元素，回到一个字符串数组，比如“1234567890”或是“1,2,3,4,5,6,7,8,9,0”，那应该如何操作？下面我们就详细介绍这些方法。

方法一：应用for循环遍历数组，拼凑每一个数组元素

遍历数组我们使用for循环；拼凑可以借助字符串连接操作符“ ”、也可以使用concat()方式（实际能够阅读《JS字符串学习之巧用函数来连接多个字符串》）

我们来看一下完成编码：

var arr = [1,2,3,4,5,6,7,8,9,0];
var i,str="";
for(i=0;i<arr.length;i  ){  //循环系统遍历数组
//拼凑
str=str.concat(arr[i]);
//str=str   arr[i];
}
console.log(str);

输出结果：

表明：此方法适用一维数组转字符串。

方法二：应用toString()方式

toString()能够把每一个原素转换为字符串，并且以分号联接导出表明。（注：toString()方式不兼容自定分节符！）

var arr = [1,2,3,4,5,6,7,8,9,0];
var str;
str=arr.toString();
console.log(str);

toString()方式可以处理多维数组，便以迭代更新的方式把全部二维数组都转换为字符串。

var arr = [1,[2,3],[4,5],[6,[7,[8,9],0]]];
var str;
str=arr.toString();
console.log(str);

方式三：应用join()方式

array.join(separator)方式用以把二维数组 array 中所有原素放进一个字符串数组，每一个原素可以用 separator基本参数的分节符开展隔开；假如省去该主要参数，则默认设置应用分号“,”隔开（这就跟toString()方式的输出一样了）。

var arr = [1,2,3,4,5,6,7,8,9,0];
var str1,str2,str3;
str1=arr.join();
str2=arr.join('-');
str3=arr.join('==');
console.log(str1);
console.log(str2);
console.log(str3);

如果你不想有分节符，那样能设separator主要参数为空字符串（''）;

var arr = [1,2,3,4,5,6,7,8,9,0];
var str;
str=arr.join('');
console.log(str);

join()方式也可以处理多维数组，但是必须省去主要参数，输出和toString()一样：

var arr = [1,[2,3],[4,5],[6,[7,[8,9],0]]];
var str;
str=arr.join();
console.log(str);

表明：

假如二维数组中涵盖了目标（非简易种类），那样启用join()和toString()方式所出来的结果，不管该元素具体内容，全是表明[object Object]字符串数组。

var arr = [{名字: '赵华'}, '张三', '李四'];

console.log(arr.toString()); // "[object Object],张三,李四"
console.log(arr.join()); // "[object Object],张三,李四"

一般在实际的场景下，join()方式应用得比较多。

好啦，就说到这儿了，有需求的能看：javascript高级教程

以上就是关于JS二维数组学习之如何拼凑所有原素，回到一个字符串数组的具体内容，大量欢迎关注AdminJS其他类似文章！