What is copy-anything?
The 'copy-anything' npm package is a utility for deep cloning JavaScript objects, arrays, and other data types. It ensures that the copied data is a completely new instance, preventing unintended mutations in the original data.
What are copy-anything's main functionalities?
Deep Cloning Objects
This feature allows you to create a deep clone of an object, ensuring that nested objects are also cloned and not just referenced.
const copy = require('copy-anything');
const original = { a: 1, b: { c: 2 } };
const cloned = copy(original);
console.log(cloned); // { a: 1, b: { c: 2 } }
Deep Cloning Arrays
This feature allows you to create a deep clone of an array, ensuring that nested arrays and objects within the array are also cloned.
const copy = require('copy-anything');
const originalArray = [1, [2, 3], { a: 4 }];
const clonedArray = copy(originalArray);
console.log(clonedArray); // [1, [2, 3], { a: 4 }]
Handling Special Data Types
This feature ensures that special data types like Date objects are properly cloned, creating new instances with the same values.
const copy = require('copy-anything');
const original = new Date();
const cloned = copy(original);
console.log(cloned); // A new Date instance with the same value as original
Other packages similar to copy-anything
lodash
Lodash is a popular utility library that provides a wide range of functions for manipulating arrays, objects, and other data types. It includes a deep cloning function (`_.cloneDeep`) that offers similar functionality to 'copy-anything'. However, Lodash is a much larger library with many additional features beyond cloning.
clone-deep
The 'clone-deep' package is specifically designed for deep cloning objects and arrays. It offers similar functionality to 'copy-anything' but focuses solely on deep cloning without additional utilities.
rfdc
The 'rfdc' (Really Fast Deep Clone) package is a lightweight and fast deep cloning library. It provides similar deep cloning capabilities as 'copy-anything' but is optimized for performance, making it a good choice for performance-critical applications.
Copy anything 🎭
npm i copy-anything
An optimised way to copy'ing (cloning) an object or array. A small and simple integration.
Motivation
I created this package because I tried a lot of similar packages that do copy'ing/cloning. But all had its quirks, and all of them break things they are not supposed to break... 😞
I was looking for:
- a simple copy/clone function
- has to be fast!
- props must lose any reference to original object
- works with arrays and objects in arrays!
- supports symbols
- can copy non-enumerable props as well
- does not break special class instances ‼️
This last one is crucial! So many libraries use custom classes that create objects with special prototypes, and such objects all break when trying to copy them inproperly. So we gotta be careful!
copy-anything will copy objects and nested properties, but only as long as they're "plain objects". As soon as a sub-prop is not a "plain object" and has a special prototype, it will copy that instance over "as is". ♻️
Meet the family (more tiny utils with TS support)
Usage
import { copy } from 'copy-anything'
const original = { name: 'Ditto', type: { water: true } }
const copy = copy(original)
copy.type.water = false
copy.type.fire = true
(original.type.water === true)
(original.type.fire === undefined)
Please note, by default copy-anything does not copy non-enumerable props. If you need to copy those, see the instructions further down below.
Works with arrays
It will also clone arrays, as well as objects inside arrays! 😉
const original = [{ name: 'Squirtle' }]
const copy = copy(original)
copy[0].name = 'Wartortle'
copy.push({ name: 'Charmander' })
(original[0].name === 'Squirtle')
(original[1] === undefined)
Non-enumerable
By default, copy-anything only copies enumerable properties. If you also want to copy non-enumerable properties you can do so by passing that as an option.
const original = { name: 'Bulbasaur' }
Object.defineProperty(original, 'id', {
value: '001',
writable: true,
enumerable: false,
configurable: true,
})
const copy1 = copy(original)
(copy1.id === undefined)
const copy2 = copy(original, { nonenumerable: true })
(copy2.id === '001')
Limit to specific props
You can limit to specific props.
const original = { name: 'Flareon', type: ['fire'], id: '136' }
const copy = copy(original, { props: ['name'] })
(copy)
Please note, if the props you have specified are non-enumerable, you will also need to pass {nonenumerable: true}
.
Source code
The source code is literally just these lines. Most of the magic comes from the isPlainObject function from the is-what library.
import { isPlainObject } from 'is-what'
export function copy (target) {
if (isArray(target)) return target.map(i => copy(i))
if (!isPlainObject(target)) return target
return Object.keys(target)
.reduce((carry, key) => {
const val = target[key]
carry[key] = copy(val)
return carry
}, {})
}