JS 从原始数据类型到深浅拷贝

探索基础数据类型、深浅拷贝以及在实际开发中的应用

基础数据类型

在编程中，基础数据类型是用来表示单个值的不可变类型。这些类型包括数字（例如整数和小数）、布尔值（例如真或假）、字符串（例如文本）和空值（表示未定义或不存在的值）。使用 typeof 运算符可以方便地判断变量的基础数据类型，但需要注意的是，对于 null 值，typeof 将其识别为 object，原因在于当 null 转换为机器代码时，其前三个字节均为零，而机器代码通常将前三个字节为零的值识别为对象。

深浅拷贝

拷贝一个对象时，可以进行深拷贝或浅拷贝。浅拷贝只拷贝对象的引用，而深拷贝则拷贝对象及其所有属性。这意味着，浅拷贝的对象与原始对象共享相同的内存地址，而深拷贝的对象具有自己的独立内存地址。

常见数据结构的深浅拷贝实现

以下是一些常见数据结构的深浅拷贝实现示例：

数组

• 浅拷贝： const shallowCopyArray = (array) => array.slice()
• 深拷贝：

const deepCopyArray = (array) => {
  return array.map((item) => {
    if (Array.isArray(item)) {
      return deepCopyArray(item);
    } else {
      return item;
    }
  });
};

对象

• 浅拷贝： const shallowCopyObject = (object) => ({ ...object })
• 深拷贝：

const deepCopyObject = (object) => {
  const copy = {};
  for (const key in object) {
    if (object.hasOwnProperty(key)) {
      const value = object[key];
      if (typeof value === 'object') {
        copy[key] = deepCopyObject(value);
      } else {
        copy[key] = value;
      }
    }
  }
  return copy;
};

深浅拷贝的优缺点

浅拷贝

• 优点：实现简单，性能好。
• 缺点：当对象包含其他对象时，浅拷贝只会拷贝引用，修改浅拷贝的对象也同时会修改原始对象。

深拷贝

• 优点：拷贝对象及其所有属性，修改深拷贝的对象不会影响原始对象。
• 缺点：实现复杂，性能较差。

在实际开发中的使用建议

在实际开发中，选择深浅拷贝取决于具体情况：

• 浅拷贝： 适用于不需要修改对象属性的情况。
• 深拷贝： 适用于需要修改对象属性或不确定是否需要修改对象属性的情况。

常见问题解答

1. 如何判断一个对象是否是基础数据类型？
   使用 typeof 运算符，如果结果是 "number"、"string"、"boolean" 或 "undefined"，则该对象是基础数据类型。
2. 深浅拷贝有什么区别？
   浅拷贝只拷贝对象的引用，而深拷贝拷贝对象及其所有属性。
3. 为什么 null 的 typeof 结果是 "object"？
   因为当 null 转换为机器代码时，其前三个字节均为零，而机器代码通常将前三个字节为零的值识别为对象。
4. 浅拷贝和深拷贝的性能有何不同？
   深拷贝的性能比浅拷贝差，因为深拷贝需要遍历对象及其所有属性。
5. 什么时候应该使用深拷贝，什么时候应该使用浅拷贝？
   使用深拷贝：需要修改对象属性或不确定是否需要修改对象属性。使用浅拷贝：不需要修改对象属性。