JavaScript 中 JSON 或数组深拷贝的解决方案及实例

2023-09-22 10:08:52

当然，以下是关于在 JavaScript 中进行 JSON 或数组深拷贝的解决方案及其实例的文章：

1. 使用三个点(...)（ES6）

ES6 中引入的三个点(...)运算符可以轻松地实现对象或数组的深拷贝。其语法如下：

const newObject = {...oldObject};

该操作符将创建一个新对象，其中包含与原始对象相同的属性和值。对于数组，也可以使用相同的语法进行深拷贝：

const newArray = [...oldArray];

2. 使用 Object.assign()（ES6）

Object.assign()函数也可以用于实现对象或数组的深拷贝。其语法如下：

const newObject = Object.assign({}, oldObject);

该函数将把源对象的所有可枚举属性复制到目标对象中。对于数组，也可以使用相同的语法进行深拷贝：

const newArray = Object.assign([], oldArray);

3. 使用 eval() 函数

eval() 函数也可以用于实现对象或数组的深拷贝。其语法如下：

const newObject = eval('(' + JSON.stringify(oldObject) + ')');

该函数将把 JSON 字符串转换为对象。对于数组，也可以使用相同的语法进行深拷贝：

const newArray = eval('(' + JSON.stringify(oldArray) + ')');

实例

以下是一些使用上述方法进行 JSON 或数组深拷贝的实例：

// 使用三个点(...)运算符
const oldObject = {
  name: 'John Doe',
  age: 30
};

const newObject = {...oldObject};

console.log(newObject); // { name: 'John Doe', age: 30 }


// 使用 Object.assign() 函数
const oldArray = [1, 2, 3];

const newArray = Object.assign([], oldArray);

console.log(newArray); // [1, 2, 3]


// 使用 eval() 函数
const oldJSON = JSON.stringify({
  name: 'John Doe',
  age: 30
});

const newJSON = eval('(' + oldJSON + ')');

console.log(newJSON); // { name: 'John Doe', age: 30 }