JS梳理之数据类型 及 深拷贝

核心内容

深拷贝(数据类型)

深拷贝处理思路

1. 非特殊对象 JSON.stringify 和 JSON.parse
   const copy = JSON.parse(JSON.stringify(value))

2. 特殊对象 使用递归的方法

function  deepclone(){
    // 处理 null 和基本数据类型
    if (obj === null || typeof obj !== "object") {
        return obj;
    }

    // 处理数组
    if (Array.isArray(obj)) {
        return obj.map(item => deepClone(item));
    }

    // 处理正则表达式
    if (obj instanceof RegExp) {
        return new RegExp(obj);
    }

    // 处理日期
    if (obj instanceof Date) {
        return new Date(obj);
    }
    
    // 处理函数
    if (typeof obj === 'function') {
        return obj.bind({}); // 或者使用其他方式处理函数
    }
    // 处理对象
    const copy = {};
    for (const key in obj) {
        if (obj.hasOwnProperty(key)) {
            copy[key] = deepClone(obj[key]);
        }
    }
    return copy;
}

3. Lodash

const _ = require('lodash');
const original = { name: "Alice", age: 30, nested: { active: true } };
const copy = _.cloneDeep(original);

浅拷贝
Object.assign()

数据类型
原始数据类型
Undefined、Null、Boolean、Number、BigInt、String、Symbol

引用类型
Object、Array、Function、Date、RegExp

Map、Set、WeakMap、WeakSet
Map 键值对 类似Object WeakMap 弱引用 键只能为对象 不可迭代 没有大小属性
Set 存储的唯一值 类似数组 WeakSet 弱引用 只能存储对象 不可迭代 没有大小属性

检测数据类型的手段

typeof: 适合基本数据类型的检测
instanceof: 适合对象类型的检测。
Array.isArray(): 专门用于检测数组类型
Object.prototype.toString: 更加全面和准确的检测方法

console.log(typeof 42);              // 输出: "number"
console.log(typeof "Hello");         // 输出: "string"
console.log(typeof true);            // 输出: "boolean"
console.log(typeof undefined);       // 输出: "undefined"
console.log(typeof { name: "Alice" }); // 输出: "object"
console.log(typeof [1, 2, 3]);      // 输出: "object"
console.log(typeof null);            // 输出: "object"
console.log(typeof function() {});   // 输出: "function"

instanceof

function Person(name) {
    this.name = name;
}

const alice = new Person("Alice");

console.log(alice instanceof Person); // 输出: true
console.log(alice instanceof Object);  // 输出: true
console.log(alice instanceof Array);   // 输出: false

const arr = [1, 2, 3];
console.log(arr instanceof Array);     // 输出: true
console.log(arr instanceof Object);     // 输出: true