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

Run details:

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

Browser: Chrome 84

Operating system: Windows

Device Platform: Desktop

Date tested: 3 years 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