js 深拷贝数组

虚拟屋 2023-07-02 09:01 编辑:admin 298阅读

一、js 深拷贝数组

有两种方法可以实现。为方便说明,定义两个整型数组a,b,并实现将a中的值赋值到b中。

inta[4]={1,2,3,4},b[4]

;1、通过数组遍历,逐个赋值。

定义循环变量inti;for(i=0;i<4;i++)b[i]=a[i];该程序功能为遍历数组a,逐个赋值到数组b对应元素中。

2、借助内存复制函数memcpy,整体赋值。

void*memcpy(void*dst,void*src,size_tsize);这个函数的功能为将src上,大小为size字节的数据赋值到dst上。

调用该函数时需要引用头文件cstring,即#include<cstring>赋值数组的代码为memcpy(b,a,sizeof(a));

二、js深拷贝json parse

let map = new Map() map.set('key1','value1') map.set('key2','value2'

) // Map 转 JSON字符串 let map_string = JSON.stringify([...map]

) console.log('map -> json:',map_string) // JSON字符串转map let obj = JSON.parse(map_string) let new_map = new Map() for(let key of Object.keys(obj)){ new_map.set(key,obj[key]) } console.log('json -> map:',new_map)

三、js 深拷贝

您好,可能是因为拷贝的图层和原来的图层使用了不同的色彩模式,或者拷贝的图层被应用了不同的透明度或混合模式。

你可以尝试将拷贝的图层的色彩模式、透明度和混合模式调整为与原来的图层相同,看看是否会解决问题。如果问题仍然存在,你可以尝试重新导入原始图像并创建新的图层,然后再尝试拷贝和粘贴。

四、js深拷贝一个数组

数组的深拷贝:

1.for 循环实现数组的深拷贝 for循环是非常好用的。如果不知道高级方法,通过for循环能够完成我们大多数的需求。var arr = [1,2,3,4,5] var arr2 = copyArr(arr) function copyArr(arr) { let res = [] for (let i = 0; i < arr.length; i++) { res.push(arr[i]) } return res }如上,通过对数组的for循环,即可实现对数组的深拷贝了。

2.slice 方法实现数组的深拷贝这个代码实现非常简单。原理也比较好理解,他是将原数组中抽离部分出来形成一个新数组。我们只要设置为抽离全部,即可完成数组的深拷贝。代码如下:var arr = [1,2,3,4,5] var arr2 = arr.slice(0) arr[2] = 5 console.log(arr) console.log(arr2)运行结果如下:

3.concat 方法实现数组的深拷贝这个代码也非常简单,原理更加粗暴。它是用于连接多个数组组成一个新的数组的方法。那么,我们只要连接它自己,即可完成数组的深拷贝。代码如下:var arr = [1,2,3,4,5] var arr2 = arr.concat() arr[2] = 5 console.log(arr) console.log(arr2)运行结果如下: 4,ES6扩展运算符实现数组的深拷贝var arr = [1,2,3,4,5] var [ ...arr2 ] = arr arr[2] = 5 console.log(arr) console.log(arr2)运行结果如下:对象的深拷贝1.万能的for循环实现对象的深拷贝在很多时候,for循环能够解决大问题。var obj = { name: 'FungLeo', sex: 'man', old: '18' } var obj2 = copyObj(obj) function copyObj(obj) { let res = {} for (var key in obj) { res[key] = obj[key] } return res }2.转换成json再转换成对象实现对象的深拷贝上面的代码实在是比较长,所以,用一个更暴力的方法吧!代码如下:var obj = { name: 'FungLeo', sex: 'man', old: '18' } var obj2 = JSON.parse(JSON.stringify(obj))这个原理没什么好解释的,实在是够简单粗暴的啦!3.扩展运算符实现对象的深拷贝var obj = { name: 'FungLeo', sex: 'man', old: '18' } var { ...obj2 } = obj obj.old = '22' console.log(obj) console.log(obj2)运行结果如下:

五、js深拷贝对象的方法

深拷贝可以利用递归和迭代实现。1. 浅拷贝只复制对象的引用,而深拷贝会复制所有的属性和子属性;2. 深拷贝有两种实现方式:递归和循环迭代。递归实现深拷贝,需要判断当前属性是不是基本数据类型,如果是,则直接复制;如果不是,则递归调用深拷贝函数。迭代实现深拷贝,可以借助栈或队列,首先将要深拷贝的对象入队或入栈,然后循环执行出队或出栈操作,同时将弹出的对象进行深拷贝并将其子对象入队或入栈。需要注意的是,深拷贝会创建一个新的对象,与原对象互不影响,但也会增加系统开销,因此在实际应用中需要视情况而定。

六、js深拷贝数组的三种实现方式

Node数组,是Dom操作得到的元素集合,而不是普通数组,也可以称为“伪数组”。

它含有数组的部分属性,如:length,索引;但Node自身最大的特点就是时效性(live)。

将Node转为数组方法:

方法一:通过深拷贝,遍历“伪数组”,将遍历的值重新赋值给新数组,从而完成深拷贝。

方法二:浅拷贝,通过Array.from()方法对“伪数组”进行浅拷贝为数组。

七、js中深拷贝的方法

浅拷贝只是拷贝了引用, 数据在内存中还是一个, 如果引用的对象发生了变化, 该变量也会同步变化.深拷贝相当于把内存上的数据拷贝了一份, 此时修改该变量不会影响原来的变量, 同理修改原来的变量也不会影响现在的变量.浅拷贝:深拷贝(最简单的方法, 拷贝性能也不弱):