Run results for: Clone vs JSON.stringify+JSON.parse

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/108.0.0.0 Safari/537.36

Browser: Chrome 108

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

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