微信小程序 vue3 深拷贝 一个复杂对象里面包含数组，字符，数字等

在微信小程序的 Vue3 开发中，处理深拷贝复杂对象（包含数组、字符串、数字等）时，Vue 提供了 `deepClone` 方法，但这并不是原生提供的功能。一种常用的做法是使用第三方库如 `lodash` 或者 `js-data-tree-shallow-copy` 进行深度复制。这里我们假设你已经安装了 lodash 库：

首先，你需要引入 lodash：

import _ from 'lodash'

然后，在需要进行深拷贝的地方，可以这样做：

function deepCopy(obj) {
  return _.cloneDeep(obj);
}

const originalObj = {
  array: [1, 2, 3],
  string: 'Hello',
  number: 10,
  nestedObj: { prop: 'nested value' },
};

const copiedObj = deepCopy(originalObj);

console.log(copiedObj); // 输出完整的复制副本

对于复杂的嵌套结构，`_.cloneDeep()` 将会递归地对每个元素进行复制，包括其内层的对象和数组。

相关问题

uniapp vue3版本开发微信小程序 深拷贝 一个复杂对象里面包含数组，字符，数字等

在 UniApp 中，使用 Vue3 开发微信小程序时，当你需要对一个复杂对象（如嵌套数组、字符串和数字的对象）进行深拷贝时，可以利用 JavaScript 的 `JSON.parse` 和 `JSON.stringify` 方法结合 `util.extend` 或者 Vue 自带的 `this.$deepClone` 来实现深度克隆。

首先，确保引入了必要的工具库：

// 如果未安装，可以使用 npm install json-stringify-safe util
import { extend } from 'util'; // 或者 import $ from 'uni-app/dist/uni-app.runtime.js'，然后使用 this.$deepClone

然后你可以这样做：

function deepClone(obj) {
  return JSON.parse(JSON.stringify(obj));
}

// 示例
let originalObj = {
  array: [1, 2, 3],
  string: "Hello",
  number: 42,
};

let clonedObj = deepClone(originalObj);
clonedObj.array.push(4); // 修改后的数组不会影响原始对象

console.log(originalObj); // { array: [1, 2, 3], string: "Hello", number: 42 }
console.log(clonedObj); // { array: [1, 2, 3, 4], string: "Hello", number: 42 }

如果你使用的是 Vue，可以直接使用 `$deepClone`：

const clonedObj = this.$deepClone(originalObj);