vue.js通过正则匹配将string转为数组

可以使用`split`方法结合正则表达式来实现将字符串转换为数组。例如，下面的代码将根据逗号或空格分割字符串，并将结果存储在数组中：

var str = "hello, world!  welcome to vue.js";
var arr = str.split(/[\s,]+/);
console.log(arr); // ["hello", "world!", "welcome", "to", "vue.js"]

在正则表达式中，`[\s,]+`表示匹配一个或多个空格或逗号。`split`方法会将字符串根据正则表达式进行分割，并返回一个数组。

相关问题

vue.js将string转为数组

你可以使用JavaScript中的split()函数将一个字符串转换为数组。在Vue.js中，你可以在Vue实例或组件的方法中使用该函数。例如，以下代码将一个以逗号分隔的字符串转换为数组：

let str = "apple, banana, orange";
let arr = str.split(", ");
console.log(arr); // ["apple", "banana", "orange"]

在Vue实例或组件中，你可以将这段代码放在一个方法中，并将该方法绑定到一个事件或计算属性中，以实现将字符串转换为数组的功能。例如：

<template>
  <div>
    <p>字符串: {{ str }}</p>
    <p>数组: {{ arr }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      str: "apple, banana, orange"
    };
  },
  computed: {
    arr() {
      return this.str.split(", ");
    }
  }
};
</script>

在上面的代码中，我们在Vue组件的`data`选项中定义了一个字符串`str`，并在计算属性`arr`中将其转换为数组。在模板中，我们可以通过`{{ arr }}`来显示该数组。

vue.js将数组转化为string

您可以使用 JavaScript 中的 `JSON.stringify()` 方法将数组转换为字符串。例如：

var arr = [1, 2, 3, 4];
var arrString = JSON.stringify(arr);
console.log(arrString); // 输出: "[1,2,3,4]"

如果您想在 Vue.js 中使用这个字符串，您可以将其绑定到一个数据属性上，然后在模板中使用该属性。例如：

<template>
  <div>
    <p>{{ arrString }}</p>
  </div>
</template>

<script>
export default {
  data() {
    return {
      arr: [1, 2, 3, 4],
      arrString: ""
    };
  },
  mounted() {
    this.arrString = JSON.stringify(this.arr);
  }
};
</script>

这样，当组件挂载时，`this.arrString` 将被设置为 `[1,2,3,4]`，并在模板中显示出来。