vue 数组与字符串互转

1、数组转字符串-join

        var funs=["O","I","M","R"];

      this.form.funs=this.funs.join(",");

结果:

2、字符出转数组-split

var a='1,2'
a.split(',')
console.log(a)//返回数据: ["1", "2"]

  • 0
    点赞
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
要将一个字符串转换为数组,可以使用 JavaScript 中的 `split()` 方法。该方法接受一个分隔符作为参数,将字符串分割成一个数组。例如: ```javascript let str = "a,b,c,d"; let arr = str.split(","); // 将字符串按逗号分割成数组 console.log(arr); // 输出 ["a", "b", "c", "d"] ``` 要将一个数组转换为字符串,可以使用 JavaScript 中的 `join()` 方法。该方法接受一个字符串作为参数,将数组中的每个元素用该字符串连接成一个字符串。例如: ```javascript let arr = ["a", "b", "c", "d"]; let str = arr.join(","); // 将数组用逗号连接成字符串 console.log(str); // 输出 "a,b,c,d" ``` 在 Vue 中,如果要在模板中显示一个数组,可以使用 `v-for` 指令遍历数组并显示每个元素。例如: ```html <ul> <li v-for="item in arr">{{ item }}</li> </ul> ``` 如果要将用户输入的字符串转换为数组,可以在 Vue 的方法中使用 `split()` 方法。例如: ```html <template> <div> <input v-model="inputStr" /> <button @click="convertToArray">转换为数组</button> <ul> <li v-for="item in arr">{{ item }}</li> </ul> </div> </template> <script> export default { data() { return { inputStr: "", arr: [] }; }, methods: { convertToArray() { this.arr = this.inputStr.split(","); } } }; </script> ``` 上面的代码中,用户在输入框中输入一个逗号分隔的字符串,点击按钮后将其转换为数组,并在页面上显示每个元素。

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值