Benchmark: Example of hacking an npm module to make it useable in a browser, without changing the npm module.

HTML Preparation code:

<script>
    window.exports = {};
</script>
<!-- Don't use fastest-json-copy like this. Instead, import it and use webpack. -->
<script src="https://cdn.jsdelivr.net/npm/fastest-json-copy@1.0.1/lib/v1.js"></script>
<script>
    window.fastestJsonCopy = window.exports.copy;
</script>

Script Preparation code:

var MyObject = {
    a: 1,
    b: 'ddddddddddddddddd',
    c: 'sssssssssssssssssssssssssssssssssssssssssssssssssss',
    d: [1, 2, 3, 4, 5, 6, 7, 8, 9],
};

var myCopy = null;

Tests:

JSON.parse(JSON.stringify())
myCopy = JSON.parse(JSON.stringify(MyObject));
fastest-json-copy npm package
myCopy = fastestJsonCopy(MyObject);

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
JSON.parse(JSON.stringify())
fastest-json-copy npm package

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: 3 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:89.0) Gecko/20100101 Firefox/89.0

Browser/OS: Firefox 89 on Windows

View result in a separate tab

Test name	Executions per second
JSON.parse(JSON.stringify())	173871.7 Ops/sec
fastest-json-copy npm package	183229.0 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated 2 months ago):

LLMs can make mistakes. Check important info.

Let's break down the provided benchmark and explain what is being tested.

**Benchmark Overview**

The benchmark measures the performance of two approaches for copying a JSON object in JavaScript:

1. `JSON.parse(JSON.stringify(MyObject))`
2. Using the `fastest-json-copy` npm package (`fastestJsonCopy(MyObject)`)

**JSON.parse(JSON.stringify())**

This approach uses the built-in `JSON.parse()` and `JSON.stringify()` methods to create a deep copy of the input JSON object `MyObject`. This method is a part of the JavaScript Standard Library.

Pros:

* Widely supported across different browsers and platforms
* Easy to implement
* No additional dependencies required

Cons:

* Can be slower than other approaches, especially for large objects
* May not perform well on older browsers or with outdated versions of JavaScript

**fastest-json-copy npm package**

This approach uses a third-party library called `fastest-json-copy` (imported via a CDN) to create a deep copy of the input JSON object `MyObject`. The library provides a simple and efficient way to clone objects.

Pros:

* Optimized for performance, making it suitable for large-scale applications
* Supports older browsers and versions of JavaScript

Cons:

* Requires an additional dependency (the npm package)
* May have slightly higher overhead due to the import process

**Library: fastest-json-copy**

The `fastest-json-copy` library is a pure JavaScript implementation that provides a simple and efficient way to clone objects. It's designed to outperform other methods for large-scale JSON copying.

Pros:

* Optimized for performance
* Supports older browsers and versions of JavaScript

Cons:

* Requires an additional dependency (the npm package)
* May have slightly higher overhead due to the import process

**Special JS Feature/Syntax**

There is no special JavaScript feature or syntax used in this benchmark. The tests only rely on standard JavaScript functions and variables.

**Other Alternatives**

If you're looking for alternative methods to copy JSON objects, here are a few options:

1. **Array.prototype.slice()**: You can use `slice()` method to create a shallow copy of an object's properties.
2. **Object.assign()**: You can use `Object.assign()` method to create a new object and assign values from the original object.
3. **lodash.cloneDeep()**: If you're using Lodash library, you can use `cloneDeep()` function to create a deep copy of an object.

Keep in mind that each approach has its pros and cons, and the choice ultimately depends on your specific use case and performance requirements.

Related benchmarks:

Example of hacking an npm module to make it useable in a browser, without changing the npm module. (version: 3)

Comparing performance of: JSON.parse(JSON.stringify()) vs fastest-json-copy npm package

Created: 3 years ago by: Registered User

Jump to the latest result

JSON.parse(JSON.stringify())

fastest-json-copy npm package

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated 2 months ago):