Benchmark: Clone vs JSON.stringify+JSON.parse

Tests:

Clone
const clone = (items) => items.map(item => Array.isArray(item) ? clone(item) : item); var nestedArray = [[1], [2], [3]]; var arrayCopy = clone(nestedArray); // Make some changes arrayCopy[0][0] = '?'; // change shallow element arrayCopy[1][0] = '?'; // change nested element
JSON.stringify+JSON.parse
var nestedArray = [[1], [2], [3]]; var arrayCopy = JSON.parse(JSON.stringify(nestedArray)); // Make some changes arrayCopy[0][0] = '?'; // change shallow element arrayCopy[1][0] = '?'; // change nested element
Slice
const clone = (items) => items.map(item => item.slice()); var nestedArray = [[1], [2], [3]]; var arrayCopy = clone(nestedArray); // Make some changes arrayCopy[0][0] = '?'; // change shallow element arrayCopy[1][0] = '?'; // change nested element
Slice(0)
const clone = (items) => items.map(item => item.slice(0)); var nestedArray = [[1], [2], [3]]; var arrayCopy = clone(nestedArray); // Make some changes arrayCopy[0][0] = '?'; // change shallow element arrayCopy[1][0] = '?'; // change nested element

Rendered benchmark preparation results:

Previous results

ⓘ Get performance results from real users on your website with Request Metrics.

Latest run results:

Run details: (Test run date: 5 months ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/118.0.0.0 Safari/537.36

Browser/OS: Chrome 118 on Windows

Clone vs JSON.stringify+JSON.parse (version: 0)