Run results for: Data duplication

Run details:

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

Browser: Chrome 91

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 3 years ago

Test name	Executions per second
Build function	1.4 Ops/sec
New function, no cache	1.0 Ops/sec
New function, cached data	3.8 Ops/sec
New function, cached stringify	100.5 Ops/sec
JSON stringify & parse, no cache	0.9 Ops/sec
JSON stringify & parse, cached data	2.3 Ops/sec
JSON stringify & parse, cached stringify	5.9 Ops/sec

Script Preparation code:

  const loremWords = [
    'lorem',
    'ipsum',
    'dolor',
    'sit',
    'amet',
    'consectetur',
    'adipiscing',
    'elit',
    'nunc',
    'id',
    'hendrerit',
    'arcu',
    'curabitur',
    'vitae',
    'euismod',
    'justo',
    'cras',
    'libero',
    'dui',
    'scelerisque',
    'a',
    'suscipit',
    'et',
    'bibendum',
    'nec',
    'est',
    'in',
    'maximus',
    'purus',
    'ullamcorper',
    'nulla',
    'blandit',
    'cursus',
    'nullam',
    'sapien',
    'ex',
    'rhoncus',
    'at',
    'auctor',
    'vel',
    'scelerisque',
    'auctor',
    'diam',
    'cras',
    'porta',
    'lorem',
    'non',
    'efficitur',
    'pulvinar',
    'massa'
];

const generateLorem = () => {
  const amount = 5 + Math.round(Math.random() * (loremWords.length - 5));
  const joined = loremWords.slice(0, amount).join(' ') + '.';
  return joined[0].toUpperCase() + joined.slice(1);
};

const buildItem = (createdAt, id) => ({
  id,
  createdAt,
  title: `Article ${id + 1}`,
  text: generateLorem(),
});

var makeExampleData = () => {
  const bool = {
    true: true,
    false: false,
    yes: true,
    no: false,
    1: true,
    0: false,
  };
  
  
  const articles = Array(1000).fill(Date.now()).map(buildItem);
  
  const numbers = Array(1000).fill(100).map((x, i) => x * i);
  
  const words = Array(1000).fill(loremWords).flat();
  
  const text = Array(1000).fill(loremWords).flat().join(' ');
  
  return {bool, articles, numbers, words, text};
};

Tests:

Build function
const buildData = () => makeExampleData(); for (let i = 0; i < 100; i += 1) { const newData = buildData(); }
New function, no cache
for (let i = 0; i < 100; i += 1) { const json = JSON.stringify(makeExampleData()); const newData = new Function('json', `return json`)(json); }
New function, cached data
const data = makeExampleData(); for (let i = 0; i < 100; i += 1) { const json = JSON.stringify(data); const newData = new Function('json', `return json`)(json); }
New function, cached stringify
const json = JSON.stringify(makeExampleData()); for (let i = 0; i < 100; i += 1) { const newData = new Function('json', `return json`)(json); }
JSON stringify & parse, no cache
for (let i = 0; i < 100; i += 1) { const json = JSON.stringify(makeExampleData()); const newData = JSON.parse(json); }
JSON stringify & parse, cached data
const data = makeExampleData(); for (let i = 0; i < 100; i += 1) { const json = JSON.stringify(data); const newData = JSON.parse(json); }
JSON stringify & parse, cached stringify
const json = JSON.stringify(makeExampleData()); for (let i = 0; i < 100; i += 1) { const newData = JSON.parse(json); }

Run results for: Data duplication

Build function

New function, no cache

New function, cached data

New function, cached stringify

JSON stringify & parse, no cache

JSON stringify & parse, cached data

JSON stringify & parse, cached stringify