Run results for: JSON.stringify / parse vs. string.split

Run details:

User agent: Mozilla/5.0 (X11; Linux x86_64; rv:97.0) Gecko/20100101 Firefox/97.0

Browser: Firefox 97

Operating system: Linux

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
JSON.parse	20127.8 Ops/sec
string.split	50993.8 Ops/sec

Script Preparation code:

var rects = [
    [
      { x: 151, y: 0 },
      { x: 281, y: 0 },
      { x: 281, y: 121 },
      { x: 151, y: 121 }
    ],
    [
      { x: 281, y: 0 },
      { x: 297, y: 0 },
      { x: 297, y: 105 },
      { x: 281, y: 105 }
    ],
    [
      { x: 119, y: 23 },
      { x: 144, y: 23 },
      { x: 144, y: 297 },
      { x: 119, y: 297 }
    ],
    [
      { x: 103, y: 55 },
      { x: 112, y: 55 },
      { x: 112, y: 320 },
      { x: 103, y: 320 }
    ],
    [
      { x: 87, y: 103 },
      { x: 103, y: 103 },
      { x: 103, y: 320 },
      { x: 87, y: 320 }
    ],
    [
      { x: 71, y: 135 },
      { x: 87, y: 135 },
      { x: 87, y: 320 },
      { x: 71, y: 320 }
    ],
    [
      { x: 144, y: 128 },
      { x: 233, y: 128 },
      { x: 233, y: 233 },
      { x: 144, y: 233 }
    ],
    [
      { x: 233, y: 128 },
      { x: 249, y: 128 },
      { x: 249, y: 153 },
      { x: 233, y: 153 }
    ],
    [
      { x: 39, y: 151 },
      { x: 71, y: 151 },
      { x: 71, y: 320 },
      { x: 39, y: 320 }
    ],
    [
      { x: 23, y: 167 },
      { x: 39, y: 167 },
      { x: 39, y: 320 },
      { x: 23, y: 320 }
    ],
    [
      { x: 0, y: 183 },
      { x: 23, y: 183 },
      { x: 23, y: 320 },
      { x: 0, y: 320 }
    ],
    [
      { x: 144, y: 240 },
      { x: 185, y: 240 },
      { x: 185, y: 281 },
      { x: 144, y: 281 }
    ],
    [
      { x: 192, y: 240 },
      { x: 217, y: 240 },
      { x: 217, y: 249 },
      { x: 192, y: 249 }
    ],
    [
      { x: 192, y: 249 },
      { x: 201, y: 249 },
      { x: 201, y: 265 },
      { x: 192, y: 265 }
    ],
    [
      { x: 144, y: 281 },
      { x: 153, y: 281 },
      { x: 153, y: 297 },
      { x: 144, y: 297 }
    ],
    [
      { x: 112, y: 297 },
      { x: 121, y: 297 },
      { x: 121, y: 320 },
      { x: 112, y: 320 }
    ],
    [
      { x: 144, y: 121 },
      { x: 249, y: 121 },
      { x: 249, y: 128 },
      { x: 144, y: 128 }
    ],
    [
      { x: 144, y: 23 },
      { x: 151, y: 23 },
      { x: 151, y: 121 },
      { x: 144, y: 121 }
    ],
    [
      { x: 112, y: 55 },
      { x: 119, y: 55 },
      { x: 119, y: 297 },
      { x: 112, y: 297 }
    ],
    [
      { x: 144, y: 233 },
      { x: 217, y: 233 },
      { x: 217, y: 240 },
      { x: 144, y: 240 }
    ],
    [
      { x: 185, y: 240 },
      { x: 192, y: 240 },
      { x: 192, y: 265 },
      { x: 185, y: 265 }
    ]
  ];

Tests:

JSON.parse
const rectStringified = JSON.stringify(rects), parsedRects = JSON.parse(rectStringified);
string.split
let rectString = ''; for (const rect of rects) rectString += rect[0].x + ',' + rect[0].y + ',' + rect[2].x + ',' + rect[2].y + ':'; rectString = rectString.slice(0, -1); const rectArray = rectString.split(':'), rebuiltRects = []; for (const rect of rectArray) { const [ x1, y1, x2, y2 ] = rect.split(','); rebuiltRects.push([ { x: +x1, y: +y1 }, { x: +x2, y: +y1 }, { x: +x2, y: +y2 }, { x: +x1, y: +y2 } ]); }

Run results for: JSON.stringify / parse vs. string.split

JSON.parse

string.split