js实现数组转字符串以及字符串转数组之间的相互转换

诸位大佬,可否扫下右下方参与下“支付宝”红包活动!小弟万分感谢!

数据格式的转换在前端开发中是很常见的一个操作,那么我们如何通过js来实现数组和字符串之间的相互转换效果呢?

结果如图:


数组转字符串:

原生js中对于数组转字符串提供了专门的方法:join

join定义和用法:

join() 方法用于把数组中的所有元素放入一个字符串。

array.join(separator)

separator可选参数,如未填写则默认以逗号作为分隔符!如:1,2,3

字符串转数组:

同样的js也提供了字符串转数组的专门方法:split

split定义和用法:  

split() 方法用于把一个字符串分割成字符串数组

string.split(separator,howmany)

separator必填,可填写字符串或正则。

howmany可选,该参数可指定返回的数组的最大长度。如果设置了该参数,返回的子串不会多于这个参数指定的数组。如果没有设置该参数,整个字符串都会被分割,不考虑它的长度。

截图完整代码:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
</head>
<body>
<script>
var arr = ['1','2','3']
console.log("数组转字符串!")
console.log(arr.join('-'));
var json = '1+2+3+4'
console.log('字符串转数组!')
console.log(json.split('+'))
</script>
</body>
</html>

小提示:数组和字符串之间的转换是最常用、常见的转换,所以还是很有必要记住这个操作哦!