JS篇之数组、对象的克隆

1. 数组的克隆

一、 普通一维数组深克隆let arr = [1,2,3](1) for循环遍历数组pushlet arr1 = []for( let i of arr ){arr1.push(i)}console.log(arr1) // [1,2,3](2) slice()let arr1 = arr.slice()console.log(arr1) // [1,2,3](3) concat()let arr1 = arr.concat()console.log(arr1) // [1,2,3](4) es6 扩展运算符let arr1 = [...arr]console.log(arr1) // [1,2,3]二、任意维数组深克隆let arr = [[1, 2], [3, 4], { name: 'kobe' }]1.递归法function deepClone( o, t={} ){for( let k in o ) {if( o.hasOwnProperty(k) ) {if( o[k] instanceof Object ) {t[k] = o[k] instanceof Aarray ? [] : {}deepClone( o[k], t[k] )}else {t[k] = o[k]}}}return t}let arr1 = deepClone(arr, [])arr1[0].push(5)arr[2].name = 'james'console.log(arr,arr1) // arr [[1, 2, 5], [3, 4], { name: 'kobe' }]// arr1 [[1, 2, 5], [3, 4], { name: 'james' }]2. let arr1 = JSON.parse(JSON.stringify(arr)) // 结果同上

2. 对象的克隆

一.普通对象的深克隆(成员都是原始值类型)1.for循环遍历function copyObj(obj) {let res = {}for (let key in obj) {res[key] = obj[key]}return res}2.扩展运算符let obj1 = {...obj}3.Object.assign()let obj1 = Object.assign({},obj)二.任意对象的深克隆1.递归法function deepClone( o, t={} ){for( let k in o ) {if( o.hasOwnProperty(k) ) {if( o[k] instanceof Object ) {t[k] = o[k] instanceof Aarray ? [] : {}deepClone( o[k], t[k] )}else {t[k] = o[k]}}}return t}let obj1 = deepClone(obj)2. let obj1 = JSON.parse(JSON.stringify(obj))

JS篇之数组、对象的克隆相关推荐

字符串对象转数组对象_js对象转数组的方法 js怎么将数组对象转变成字符串
只需要一句,arr.__proto__=[];但是要注意浏览器支持__proto__才行,最新的浏览器应该都支持. 以下两种都可以解决此问题: function transform(obj){ var ...
【js两个数组对象根据属性相同的值合并】
js两个数组对象根据属性相同的值合并数组对象合并方法数组对象 const a=[{uid: 1,name: '黄鹤楼'},{uid: 2,name: '鹳雀楼'},{uid: 3,name: ' ...
js中的数组对象排序(方法sort()详细介绍)
定义和用法 sort() 方法用于对数组的元素进行排序. 语法 arrayObject.sort(sortby) 参数sortby:可选.规定排序顺序.必须是函数. 返回值对数组的引用.请注意 ...
js的tree数组对象扁平化思否_JS专题之数组展开
前言首先什么是数组展开? 假如现在有这样一个需求:将后台的一个多重 List 数据,展开成一个 List 后,并去重后排序: ["a", "b", [&quo ...
js接收java数组对象_js接收并转化Java中的数组对象的方法
在做项目时,要向ocx控件下发命令,就要在js中得到java中的对象,然后拼成一种格式,下发下去...当对象是一个时比较简单,但如果对象是一个数组时,就略显麻烦了. 开始我以为有简单的方式,可以直接进 ...
js两个数组对象通过相同元素匹配筛选
let a = [ { name: 'joy', year: '24' }, { name: 'eve', year: '25' } ] let b = [ { name: 'joy', city: ...
JS的Array数组对象方法一些总结
不会影响原数组的对象方法: concat(): 语法:array1.concat(array2,array3,...,arrayX),连接两个或者多个数组,返回一个连接后的新数组 entries( ...
js 公共方法数组对象求和
JavaScript 中可以使用以下几种方法来求数组或对象的和: 使用循环这是最常见的方法,可以使用 for 或 forEach 循环来遍历数组或对象,然后将每个元素的值相加即可. 例如,以下代码求 ...
原生js遍历 json数组对象
//无规律 <script>var json = [{dd:'SB',AA:'东东',re1:123},{cccc:'dd',lk:'1qw'}];for(var i=0,l=json.l ...

JS篇之数组、对象的克隆

JS篇之数组、对象的克隆相关推荐

最新文章

热门文章