二维数组更改vue,VueX中直接修改数据报错，修改一维数组，二维数组，报错的原因...

直接修改state中的的数据是不被允许的，会报错

这个时候可以使用三种种方式处理

第一种：使用拓展运算符，深拷贝一维数组或对象

var arrA = [1,2,3,4]

var a = [...arr]

||

var ObjB = {a:1,b:2}

var b = {...ObjB}

如果只是数组

可以使用slice，深拷贝

var arrA = [1,2,3,4]

var a = arrA .slice(0)

可以concat，深拷贝

var arrA = [1,2,3,4]

var a = a.concat(arrA)

第二种：使用Object.assign()浅拷贝数组或对象

var arrA = [1,2,3,4]

var a = Object.assign([], arrA)

||

var ObjB = {a:1,b:2}

var b = Object.assign({}, objB)

在vuex中这些操作是可以的，不会报错。

如果是二维数组依然会报错，因为二维数组的实际内容是第二维，实际引用地址是第一维的，而拷贝的只有一维的引用地址，所以如果改变二维数组的内容，依然会触发报错

那二维数组怎么操作，可以通过第三种方式

var arrC= [{a:1},[1,2,3]]

var arrD = JSON.parse(JSON.stringify(arrC))

这样就可以了，但是仍然不能直接赋值，去覆盖整个二维数组，只能单个赋值来操作数组内的某个元素

或者使用循环来进行二维数组的深拷贝，通过push添加到一个新的数组内，新的数组也是深拷贝过的，不会和原数组有关联

10-20C#基础---一维、二维数组&&冒泡排序

一.一维数组 1.定义:是某一种数据类型的数据的组合,数组用来分组基本类型或相同类型的对象.数组中的实体叫做数组的元素或成员. 2. 格式:int[ ] shuzu=new int[ 6];存放int ...

Java基本语法-----java数组(一维数组二维数组)

嘿嘿!你们懂的,又是图片,委屈大家了. java数组(一维数组二维数组) [正在看本人博客的这位童鞋,我看你气度不凡,谈吐间隐隐有王者之气,日后必有一番作为!下面有个"顶"字,你就 ...

C语言：将带头节点的单向链表结点域中的数据从小到大排序。-求出单向链表结点(不包括头节点)数据域中的最大值。-将M*N的二维数组中的数据，按行依次放入一维数组，

//函数fun功能是将带头节点的单向链表结点域中的数据从小到大排序. //相当于数组的冒泡排序. #include #include ...

php获取一维，二维数组长度的方法(有实例)

在php中获取数组长度方法很简单,php为我们提供了两个函数可以计算一维数组长度,如count,sizeof都可以直接统计数组长度哦,下面我们来看几个实例吧.php如何获取数组的长度,使用php函数c ...

剑指offer 1.数组 二维数组中查找

题目描述 在一个二维数组中(每个一维数组的长度相同), 每一行都按照从左到右递增的顺序排序, 每一列都按照从上到下递增的顺序排序. 请完成一个函数, 输入这样的一个二维数组和一个整数,判断数组中是否含 ...

Java一维数组二维数组详解API

所谓数组,是有序的元素序列. 若将有限个类型相同的变量的集合命名,那么这个名称为数组名.组成数组的各个变量称为数组的分量,也称为数组的元素,有时也称为下标变量.用于区分数组的各个元素的数字编号称为下标 ...

Java 一维数组 二维数组 三维数组

二维数组包含一位数组  三维数组就是在二维数组的基础上,再加一层.把二维数组看做是一维数组就可以了,按照上述理解类推.   下面是 一维 二维 三维数组例子   一维数组: int[] array1 ...

egret之一维，二维数组

一维数组转换成二维数组下标公式: 行=下标/二维数组列数 列=下标%二维数组列数+1 ] + ); ] + ); 二维数组转一维数组: 下标=(二维数当前行-1)*列数+二维数当前列-1: let i ...

《Java基础知识》一维，二维数组的申明和使用

为什么要使用数组: 因为不使用数组计算多个变量的时候太繁琐,不利于数据的处理. --------   数组也是一个变量,是存储一组相同类型的变量 声明一个变量就是在内存中划出一块合适的空间 声明一个数 ...

一维、二维数组 与 常用的返回数组 以及 fetch_all与fetch_row的区别

一维数组:单行单列的数组. 二维数组:多行多列的数组.       (至少两行两列) 索引数组: fetch_all() 返回所有数组 fetch_row() 返回一行或一列数组  (第二行需要输入两 ...

随机推荐

程序中使用ajax时，type为put,或者delete时在 IIS上没效果，发生HTTP Error 405.0 - Method Not Allowed

其实使用put delete  是在创建webapi中基本才会使用. WebDAV 是超文本传输协议 (HTTP) 的一组扩展,为 Internet 上计算机之间的编辑和文件管理提供了标准.利用这个协 ...

15，SFDC 管理员篇 - 变更和部署

Setup | Deploy | Sandbox 通过在Production上建立Dev .Test 两套环境来   Sandbox 有四种类型 Developer Sandbox & Dev ...

什么是ODBO---OLE DB for OLAP

我怎么一步一步追到ODBO了?   mondrian核心api->olap4j->jedox也在用olap4j->ODBO? ODBO是什么呢? OLE DB for OLAP ...

NET Framework 4.0的安装失败处理

如果是XP系统,这么做:1.开始——运行——输入cmd——回车——在打开的窗口中输入net stop WuAuServ2.开始——运行——输入%windir%3.在打开的窗口中有个文件夹叫Softwa ...

sublime Text 3实用功能和常用快捷键收集

下面是我通过网上视频教程或文本资料学习sublime Text3时收集的一些实用功能和常用快捷键,现在分享出来,如果还有其它的好用的功能可以在下面留言,以便互相学习. PS:ST3在Mac OX与Wi ...

一个textview实现文字在图片上面的效果

类似于这样的,其实很简单,可是以前用的是imageview+textview.布局实现多写了好多代码.又不能在图片加文字,显得没技术含量. xml代码如下:

wijmo

wijmo-5官网 Samples Forums Demos 1.当FlexGrid的单元格中文本过长时显示Tooltip 参考1:angular flexGrid tooltip on every ...

java基础知识回顾之java Thread类--java线程实现常见的两种方式实现Runnable接口(二)

创建线程的第二中方式: /** *      步骤: 1定义类实现Runnable接口      2.实现Runnable接口中的run方法.      3.通过Thread类建立线程对象,并将Run ...

activity-alias的使用

activity-alias是android里为了反复使用Activity而设计的. 当在Activity的onCreate()方法里,运行getIntent().getComponent().get ...

微信朋友圈分享js代码最新2015年无错版

最近微信对分享做了进一步规范,导致很多分享都不起作用了,今天跟大家分享,2015年最新修无错的! 以下是主要微信分享页面代码:(其中红色部分主要懒友自己填写自己哈.) <?php require ...