对于javascript而言,数组是引用类型,如果要想复制一个数组就要动脑袋想想了,因为包括concat、slice在内的函数,都是浅层复制。也就是说,对于一个二维数组来说,用concat来做复制,第二维的数组还是引用,修改了新数组同样会使旧数组发生改变。
于是乎,想要写一个深度复制的函数,来帮助做组数的深度复制。
一般情况下,使用 “=” 可以实现赋值。但对于数组、对象、函数等这些引用类型的数据,这个符号就不好使了。
1. 数组的简单复制
1.1 简单遍历
最简单也最基础的方式,自然是循环处理。示例:
JavaScript
1.2 变通的复制实现
经常出现在面试题中的取巧方法,是使用 slice 或 contcat 方法实现。示例:
JavaScript
2. 数组的深度复制
普通的一维数组且值为非引用类型,使用上述方法是没有问题的,否则就比较麻烦了。深度复制需要考虑数组值为各种引用类型的情况。
2.1 使用 JSON 方法
JSON.stringify(array) 然后再 JSON.parse()。示例:
JavaScript
此方法存在对古老浏览器的兼容性问题。如确需要作兼容,可引入如下兼容文件解决:
2.2 深度复制的完全实现
考虑到多维数组的嵌套,以及数组值为对象的情况,可以作如下原型扩展(当然写为普通函数实现也是可以的,原型扩展是不建议的方式):
JavaScript
2.3 使用 jQuery 的 extend 方法
如果你在使用 jQuery,那么最简单的方法是使用 extend 插件方法。示例:
JavaScript
以上所述是小编给大家介绍的JavaScript 数组的深度复制解析。编程之家 jb51.cc 收集整理的教程希望能对你有所帮助,如果觉得编程之家不错,可分享给好友!感谢支持。