简介
在前端开发中，我们经常需要对对象或数组进行克隆操作。但是，对于一些嵌套较深、结构较为复杂的对象或数组，手动编写克隆函数通常会比较费时费力。因此，我们可以选择使用现成的 npm 包来完成这个操作。其中，@wrote/clone 就是一个不错的选择。
@wrote/clone 是一个轻量级的 JavaScript 库，能够帮助开发者快速、准确地克隆对象和数组。此外，该库还提供了一些高级用法，如只克隆部分属性，对某些属性进行过滤等，可以满足开发者的不同需求。
安装
@wrote/clone 是一个 npm 包，因此我们可以通过 npm 或 yarn 来安装。具体命令如下：
# 使用 npm npm install @wrote/clone # 使用 yarn yarn add @wrote/clone
使用方法
在安装好 @wrote/clone 后，我们可以在代码中引入该库：
const clone = require('@wrote/clone')然后，我们就可以使用 clone 函数对对象和数组进行克隆。clone 函数的语法如下：
clone(source[, schema])
其中，source 表示要克隆的对象或数组，schema 表示克隆后要保留的属性（只针对对象，不针对数组）。schema 可以是一个字符串、一个数组或一个函数。具体用法如下：
克隆对象
下面是一个简单的克隆对象的示例：
-- -------------------- ---- -------
----- -- - -
-- ------
-- -
-- ------
-- -----
-
-
----- -- - ---------
---------------
-- -----
-- -
-- -- ------
-- -- -
-- -- ------
-- -- -----
-- -
-- -可以看到，o2 成功地克隆了 o1。
克隆数组
下面是一个简单的克隆数组的示例：
const a1 = [1, 2, 3] const a2 = clone(a1) console.log(a2) // 输出结果： // [1, 2, 3]
可以看到，a2 成功地克隆了 a1。
克隆对象并只保留部分属性
有时候，我们只需要克隆对象的部分属性。此时，我们可以使用第二个参数 schema：
-- -------------------- ---- -------
----- -- - -
-- ------
-- -
-- ------
-- -----
-
-
----- -- - --------- ----
---------------
-- -----
-- -
-- -- -
-- -- ------
-- -- -----
-- -
-- -可以看到，o2 只保留了 o1 的 b 属性。
克隆对象并过滤部分属性
有时候，我们需要克隆对象，但不想保留某些属性。此时，我们可以使用一个过滤函数作为 schema，将需要过滤的属性返回 false：
-- -------------------- ---- -------
----- -- - -
-- ------
-- -
-- ------
-- -----
--
-- -----
-
----- -- - --------- ----- -- -
------ --- --- ---
--
---------------
-- -----
-- -
-- -- ------
-- -- -----
-- -可以看到，o2 成功地克隆了 o1，并过滤了 b 属性。
总结
@wrote/clone 是一个非常实用、简单易用的 npm 库，能够帮助开发者快速、准确地克隆对象和数组。如果您在开发过程中遇到了对象或数组的克隆问题，不妨试试使用 @wrote/clone，相信它会为您带来意想不到的便捷。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/6006725e3660cf7123b363e7