JS数组转字符串（3种方法） arrays.join(“-“)把数组使用-分割为字符串

JS数组转字符串（3种方法）

JavaScript 允许数组与字符串之间相互转换。其中 Array 方法对象定义了 3 个方法，可以把数组转换为字符串，如表所示。
Array 对象的数组与字符串相互转换方法

数组方法	说明
toString()	将数组转换成一个字符串
toLocalString()	把数组转换成本地约定的字符串
join()	将数组元素连接起来以构建一个字符串

示例1

下面使用 toString() 方法读取数组的值。

数组中 toString() 方法能够把每个元素转换为字符串，然后以逗号连接输出显示。

var a = [1,2,3,4,5,6,7,8,9,0];  //定义数组
var s = a.toString();  //把数组转换为字符串
console.log(s);  //返回字符串“1,2,3,4,5,6,7,8,9,0”
console.log(typeof s);  //返回字符串string，说明是字符串类型

当数组用于字符串环境中时，JavaScript 会自动调用 toString() 方法将数组转换成字符串。在某些情况下，需要明确调用这个方法。

var a = [1,2,3,4,5,6,7,8,9,0];  //定义数组
var b = [1,2,3,4,5,6,7,8,9,0];  //定义数组
var s = a + b;  //数组连接操作
console.log(s);  //返回“1,2,3,4,5,6,7,8,9,01,2,3,4,5,6,7,8,9,0”
console.log(typeof s);  //返回字符串string，说明是字符串类型

toString() 在把数组转换成字符串时，首先要将数组的每个元素都转换为字符串。当每个元素都被转换为字符串时，才使用逗号进行分隔，以列表的形式输出这些字符串。

var a = [1,[2,3],[4,5]],[6,[7,[8,9],0]]];  //定义多维数组
var s = a.toString();  //把数组转换为字符串
console.log(S);  //返回字符串“1,2,3,4,5,6,7,8,9,0”

其中数组 a 是一个多维数组，JavaScript 会以迭代的方式调用 toString() 方法把所有数组都转换为字符串。

示例2

下面使用 toLocalString() 方法读取数组的值。

toLocalString() 方法与 toString() 方法用法基本相同，主要区别在于 toLocalString() 方法能够使用用户所在地区特定的分隔符把生成的字符串连接起来，形成一个字符串。

var a = [1,2,3,4,5];  //定义数组
var s = a.toLocalString();  //把数组转换为本地字符串
console.log(s);  //返回字符串“1,2,3,4,5,6,7,8,9,0”

在上面示例中，toLocalString() 方法根据中国的使用习惯，先把数字转换为浮点数之后再执行字符串转换操作。

示例3

下面使用 join() 方法可以把数组转换为字符串。

join() 方法可以把数组转换为字符串，不过它可以指定分隔符。在调用 join() 方法时，可以传递一个参数作为分隔符来连接每个元素。如果省略参数，默认使用逗号作为分隔符，这时与 toString() 方法转换操作效果相同。

var a = [1,2,3,4,5];  //定义数组
var s = a.join("==");  //指定分隔符
console.log(s);  //返回字符串“1==2==3==4==5”

示例4 下面使用 split() 方法把字符串转换为数组。

split() 方法是 String 对象方法，与 join() 方法操作正好相反。该方法可以指定两个参数，第 1 个参数为分隔符，指定从哪儿进行分隔的标记；第 2 个参数指定要返回数组的长度。

var s = "1==2== 3==4 ==5";
var a = s.split("==");
console.log(a);
console.log(a.constructor == Array);

JS数组转字符串（3种方法） arrays.join(“-“)把数组使用-分割为字符串相关推荐

JavaScript中数组定义的几种方法，以及关于数组长度的讨论
大家在使用JavaScript编写脚本语言的时候,尤其是习惯使用Java语言的朋友,定义了一个固定长度的数组,但是使用了一个超出定义数组的元素,程序并没有报"数组越界"错误,这到底 ...
js 对象深拷贝、对象数组深拷贝的几种方法总结
写前端的时候经常会遇到对象的拷贝,一般我们会用到深拷贝,深拷贝就是完完整整的将一个对象从内存中拷贝一份出来,放到另一块新开辟的内存中去.向下面这种赋值是浅拷贝,a.b都是对同一块内存进行引用,a.b哪 ...
原生JS数组去重的几种方法
有时候我们做项目的时候往往会需要把数组里面一些重复的项去掉,但是原生JS有排序,有筛选等等,但是就是没有数组去重怎么办呢? 这能怎么办,自己手动实现嘛.(以下代码直接在原型上添加的的方法,为的就是和原 ...
数组拼接html js,js数组合并的几种方法
JS合并数组的几种方法及优劣比较 var datas = [ ['红色', '蓝色'], ['XL'], ['图片', '文字'] ]; 如何将let datas = [[1, 2], [3,0,5 ...
JS数组添加元素的三种方法
JS数组添加元素的三种方法 1.push() 方法可以向数组末尾添加一个或多个元素,并且返回新的长度语法:arr.push(element1,element2,element3,····) 参数概 ...
js 多个数组拼接的几种方法
数组拼接的几种方法 1.使用concat组装拼接数据 concat 拼接数组有好几种方式,看你喜欢用哪种第一种,连接两个或多个数组,推荐使用这种推荐 var arr1 = ["张三&qu ...
【JS】JS数组添加元素的三种方法
1.push() 方法可向数组的末尾添加一个或多个元素,并返回新的长度. 1).语法: arrayObject.push(newelement1,newelement2,....,newelement ...
在php中可以使用几种方法定义数组,PHP中数组定义的几种方法
在php.html" target="_blank">php和其他编程语言中,需要常常使用数组创建,我们在前端开发中,js的数组创建可以由new array创建,下 ...
js遍历对象的几种方法
js遍历对象的几种方法第一种: for......in const obj = {id:1,name:'zhangsan',age:18 }for(let key in obj){console.l ...

JS数组转字符串（3种方法） arrays.join(“-“)把数组使用-分割为字符串

JS数组转字符串（3种方法）

示例1

示例2

示例3

JS数组转字符串（3种方法） arrays.join(“-“)把数组使用-分割为字符串相关推荐

最新文章

热门文章