vue2中js对象转数组

发布时间:2024年01月18日

????????我们要用localStorage.setItem以数组的形式存入某些数据,且为了方便数据处理,想要在mounted中用localStorage.getItem获取之后依旧是个数组的解决步骤。

前提准备:data中要声明以下变量

data(){
    return{
        choose:"one,two,three", //需要存放的数据
        store:[],//暂存区
        localStorageStore:[],//接收区
    }
}

一、存入

用push方法将你要的数据放入store暂存区,比如:this.store.push(this.choose)

存入本地:localStorage.setItem('choose', this.store)

二、取出

在mounted中判断用localStorage.getItem('puzzleChoose')取出的数据是否为空,不为空再进行数据处理。

将用localStorage.getItem('puzzleChoose')取出的数据放入暂存区储存,

打印到控制台数据格式是:one,two,three? 是字符串的形式,我用的是split方法转数组,然后直接赋值给localStorageStore接收区

    if(localStorage.getItem('puzzleChoose')){
      this.localStorageStore = localStorage.getItem('puzzleChoose').split(',')
    }

(如果追求简洁,暂存区和接收区可以合并成一个)

文章来源:https://blog.csdn.net/qq_56715703/article/details/135677140
本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。