关于我们在开发时遇到数组和字符串相互转换？（常用）

一个很小的功能点击有不同的效果（效果实例如下图）

---

开发中数组和字符串相互转换是常用的事

现在进行一下简单数据展示

   let  array = [1,2,3,4,5,6]
      //1:toString的方式
      // array.toString()
      //2: join的方式
      array.join()
      // console.log(array.toString(),'数组操作后的值')
      console.log(array.join(),'数组操作后的值')

 上面就是常用的数组转换成字符串，接下来字符串转数组

 按照上面，接着进行一下简单数据展示

 let str = '123456'
      str.split(',')
      console.log(   str.split(','),'字符串转的数组')

好了，上面就是开发中常用互相转换的方法。最后再说一下，上面小功能的实现

<template>
  <div>
    <div>数组的操作</div>
    <div >{{str}}</div>
    <button @click="handleStr">{{this.flag ? '换字符串' :'换数组'}}</button>
    <br>
  </div>
</template>

<script>
export default {
  name:'nameIndex',
  data() {
    return {
        str:'123456',
        flag:false,
    }
  },
  methods:{
    handleStr() {
      if (this.str && this.str.length && Array.isArray(this.str)){
        this.str = this.str.join('')
        this.flag = false
      }else {
        this.str = this.str.split('')
        this.flag = true
      }
    }
  }
}
</script>

<style scoped>

</style>