美文网首页
js浅拷贝深拷贝

js浅拷贝深拷贝

作者: 无巧不成书之草色遥看 | 来源:发表于2020-05-19 16:37 被阅读0次

js浅拷贝,深拷贝的简单实现

基础数据

var a = {
  num: 1,
  arr: [1, 2, 3],
  undef: undefined,
  nul: null,
  str: 'aaa',
  fun: function () {
    console.log('bbb')
  },
  json: {
    data1: [4, 5],
    data2: [6, 8, 9]
  }
}

// console.log(JSON.parse(JSON.stringify(a)))

浅拷贝

function simpleClone(obj) {
  if (!obj) return null;
  var res = obj instanceof Array ? [] : {}
  for (let i in obj) {
    res[i] = obj[i]
  }
  return res;
}

// var b = simpleClone(a)
// b.json.data1 = [4, 5, 6]
// console.log(b, a)
// var c = [1, 2, 3]
// console.log(simpleClone(c))

深拷贝

function deepClone(obj) {
  if (!obj) return null;
  var res = obj instanceof Array ? [] : {}
  for (let i in obj) {
    res[i] = typeof obj[i] === 'object' ? deepClone(obj[i]) : obj[i]
  }
  return res;
}

// var c = deepClone(a)
// c.json.data1 = [4, 5, 6]
// console.log(c, a)

相关文章

  • JS中的深拷贝与浅拷贝

    知乎:js中的深拷贝和浅拷贝? 掘金: js 深拷贝 vs 浅拷贝 前言 首先深拷贝与浅拷贝只针对 Object,...

  • js浅拷贝深拷贝

    js浅拷贝,深拷贝的简单实现 基础数据 浅拷贝 深拷贝

  • 浅拷贝和深拷贝

    本文参考:JavaScript中的浅拷贝和深拷贝js 深拷贝 vs 浅拷贝深入剖析 JavaScript 的深复制...

  • JS实现深拷贝、instanceof、判断是否为数组

    JS深拷贝 JS中拷贝对象可以按照拷贝的程度可以分为浅拷贝和深拷贝,有些时候我们需要拷贝之后的对象和拷贝之前的对象...

  • JS中对象的复制

    JS中的对象复制分为两种情况:深拷贝和浅拷贝。深拷贝和浅拷贝的区别在于对数组和对象的拷贝,对它们拷贝时浅拷贝只是拷...

  • iOS深拷贝(MutableCopy)与浅拷贝(Copy)的区别

    深拷贝和浅拷贝的概念 iOS中有深拷贝和浅拷贝的概念,那么何为深拷贝何为浅拷贝呢?浅拷贝:浅拷贝并不拷贝对象本身,...

  • 2020前端高频面试题总结(附答案)

    [ js基础题 ] 1. new的实现原理是什么? 2. 深拷贝和浅拷贝的区别是什么 深拷贝 浅拷贝 3. bin...

  • iOS - copy 与 mutableCopy

    一说到拷贝,就不得不提浅拷贝和深拷贝。 何谓浅拷贝?何谓深拷贝? 往简单的说: 浅拷贝:拷贝地址。 深拷贝:拷贝内...

  • iOS面试题-第二页

    11.深拷贝和浅拷贝的理解. 深拷贝;拷贝的内容. 浅拷贝:拷贝的指针. 深拷贝如: NSMutableDicti...

  • JS 浅拷贝深拷贝

    浅拷贝 Object.assign Object.assign() 方法用于将所有可枚举属性的值从一个或多个源对象...

网友评论

      本文标题:js浅拷贝深拷贝

      本文链接:https://www.haomeiwen.com/subject/lqibohtx.html