js 字符串数组互转

JavaScript 中可以使用 `join()` 和 `split()` 方法来实现字符串和数组的互转。

将数组转化为字符串:

let arr = ["a", "b", "c"];
let str = arr.join();
console.log(str); // "a,b,c"

将字符串转化为数组:

let str = "a,b,c";
let arr = str.split(",");
console.log(arr); // ["a", "b", "c"]

注意： split() 方法默认使用逗号将字符串分割成数组，如果你需要使用其他符号将字符串分割，也可以将其作为参数传递给 split() 方法。

相关问题

vue 数组和字符串互转

要将一个字符串转换为数组，可以使用 JavaScript 中的 `split()` 方法。该方法接受一个分隔符作为参数，将字符串分割成一个数组。例如：

let str = "a,b,c,d";
let arr = str.split(","); // 将字符串按逗号分割成数组
console.log(arr); // 输出 ["a", "b", "c", "d"]

要将一个数组转换为字符串，可以使用 JavaScript 中的 `join()` 方法。该方法接受一个字符串作为参数，将数组中的每个元素用该字符串连接成一个字符串。例如：

let arr = ["a", "b", "c", "d"];
let str = arr.join(","); // 将数组用逗号连接成字符串
console.log(str); // 输出 "a,b,c,d"

在 Vue 中，如果要在模板中显示一个数组，可以使用 `v-for` 指令遍历数组并显示每个元素。例如：

<ul>
  <li v-for="item in arr">{{ item }}</li>
</ul>

如果要将用户输入的字符串转换为数组，可以在 Vue 的方法中使用 `split()` 方法。例如：

<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>

上面的代码中，用户在输入框中输入一个逗号分隔的字符串，点击按钮后将其转换为数组，并在页面上显示每个元素。

vue2 数组转字符串

在Vue2中，如果你想将一个数组转换为字符串，你可以使用数组的`join()`方法。`join()`方法将数组的所有元素拼接成一个字符串，并使用指定的分隔符将它们分隔开。下面是一个例子：

var arr = ['A', 'B', 'C'];
var str = arr.join(','); 
console.log(str); // 输出 'A,B,C'

在这个例子中，我们将数组`arr`使用逗号作为分隔符，通过`join()`方法将其转换为字符串`'A,B,C'`。<span class="em">1</span><span class="em">2</span><span class="em">3</span>
#### 引用[.reference_title]
- *1* [vue 字符串、数组之间的相互转换](https://blog.csdn.net/m0_58352785/article/details/125301352)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
- *2* *3* [Vue数组与字符串互转](https://blog.csdn.net/CSDN_920227/article/details/131939813)[target="_blank" data-report-click={"spm":"1018.2226.3001.9630","extra":{"utm_source":"vip_chatgpt_common_search_pc_result","utm_medium":"distribute.pc_search_result.none-task-cask-2~all~insert_cask~default-1-null.142^v93^chatsearchT3_2"}}] [.reference_item style="max-width: 50%"]
[ .reference_list ]