js操作改变原数组的解决方法

最近在开发的时候发现js中的循环操作会改变原数组,var一个变量承接也不行

甚至连map方法都会改变原数组,下面是解决方法

let a = ['a','b','c']
let b = [[2, 0, 0],[0, 0, 0],[2, 2, 0],[1, 0, 0],[0, 1, 2]]
//需求   将a b数组操作变成下面的样子
// [
//     [['a', 0, 0],['a', 0, 0],['a', 2, 0],['a', 0, 0],['a', 1, 2]],
//     [[2, 'b', 0],[0, 'b', 0],[2, 'b', 0],[1, 'b', 0],[0, 'b', 2]],
//     [[2, 0, 'c'],[0, 0, 'c'],[2, 2, 'c'],[1, 0, 'c'],[0, 1, 'c']]
// ]let lastArr = a.map((item,index,arr)=>{return b.map((item1,index1,arr1)=>{var arr = item1.slice();arr[index] = itemreturn arr})
})
console.log(lastArr);
console.log(b);关键在于这个slice()方法 可以深复制,摆脱与之前数组的关联性记下,以便不时之需

转载于:https://www.cnblogs.com/zddzz/p/11101816.html

js操作改变原数组的解决方法相关推荐

js中改变原数组的方法以及解决改变原数组的方法
js中改变原数组的方法以及解决改变原数组的方法参考文章: (1)js中改变原数组的方法以及解决改变原数组的方法 (2)https://www.cnblogs.com/Ingots/p/1151701 ...
不改变原数组的一些方法
改变原数组 push / pop / shift / unshift / sort / reverse / splice 不改变原数组 concat / join --> split / toS ...
js不改变原数组的情况，添加或删除指定的元素
通过扩展运算符和fliter来达到不改变原数组的情况下,添加和删除元素 1.添加元素 var numList = [1, 2, 3, 4, 5, 6, 7, 8, 9]// 第一种方案 functio ...
JS数组方法中哪些会改变原数组，哪些不会？
前言作为一名前端开发人员,我们每天都会与数组打交道.JS 也提供了很多操作数组的原生 API 供我们调用.在这些方法里面,有的方法会改变原数组,有些不会改变原数组.别看这一点小小的区别,往往会造成巨 ...
html设置数组的方法,js改变原数组的方法有哪些？
js改变原数组的方法 1.pop() pop():删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值.如果数组已经为空,则 pop() 不改变数组,并返回 un ...
JS中会改变原数组和原字符串的API方法总结
1.会改变原数组的方法 arr.push(item1,item2,·····,itemx) arr.pop() arr.unshift(item1,item2,·····,itemx) arr.shi ...
js数组方法-改变原数组和不改变原数组的方法整理
改变原数组: pop(): 删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值.如果数组已经为空,则 pop() 不改变数组,并返回 undefined ...
js中会改变原数组的方法及不改变原数组的方法整理
改变原数组: 1.pop():删除 arrayObject 的最后一个元素,把数组长度减 1,并且返回它删除的元素的值.如果数组已经为空,则 pop() 不改变数组,并返回 undefined 值. ...
js 数组操作方法（不改变原数组与改变原数组方法）
一: 不改变原数组的方法 1. concat() 方法用于连接两个或多个数组 let a =[1,2,3], b=[4,5,6]; let c = a.concat(b); console.log(a ...

js操作改变原数组的解决方法

js操作改变原数组的解决方法相关推荐

最新文章

热门文章