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

六月初六月初 JavaScipt 2019-08-07 09:49:53

数据格式的转换在前端开发中是很常见的一个操作，那么我们如何通过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>

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

六月初字帖坊小程序 你想要的字帖模板及工具，这里都有！