数组转字符串的方法(3种)
方法 | 转化后类型 | 用法 | 特点 |
---|---|---|---|
toString() | string | 将数组转换成一个字符串 | 默认用“,”隔开 |
parseint() | number | 字符串转数字 | 分为两个参数: 参数一需要转的值,参数二转为进制数 |
toLocaleString() | string | 把数组转换成本地约定的字符串 | 默认用“,”隔开 |
join() | string | 将数组元素连接起来以构建一个字符串 | 可以随意设定分隔符 |
下面我们看下情况
1、toString()
<script type="text/javascript">
var a=[1,2,3,4,5,6,7,8,9,0];//原数组
var b=a.toString();
console.log(a)
console.log(b)
console.log(typeof(a))
console.log(typeof(b))
</script>
2、toLocaleString()
<script type="text/javascript">
var a=[1,2,3,4,5,6,7,8,9,0];//原数组
var d=a.toLocaleString();
console.log(d);
console.log(typeof(d));
</script>
3、join()
<script type="text/javascript">
var a=[1,2,3,4,5,6,7,8,9,0];//原数组
var c=a.join(':');
console.log(c)
console.log(typeof(c))
</script>
4.split
使用 split() 方法把字符串转换为数组
<script type="text/javascript">
var a=[1,2,3,4,5,6,7,8,9,0];//原数组
var b=a.toString();
var c=a.join(':');
console.log(b)
console.log(c)
var bv=b.split(',');
var cv=c.split(':')
console.log(bv);
console.log(cv);
</script>
小写字母变量渲染出来是大写的
name.toUpperCase()
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<script src="./vue.js"></script>
</head>
<body>
<div class="root">
<h1>哈喽!{{name.toUpperCase()}}</h1> //toUpperCase() 可以将小写字符渲染成大写
</div>
<script>
const app = new Vue({
el:'.root', //el的话也就是与定义的空盒子相连接,el全写是 element
data:{
name:'qqq'
},
methods: {
btn(){
this.name='aaaa'
}
},
})
</script>
</body>
</html>