Run results for: Object vs Map (Insert, Delete and Copy)

Run details:

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

Browser: Chrome 103

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Script Preparation code:

var map = new Map();
var obj = {};
var obj2 = Object.create(null);

Tests:

Map Insert
for (let i = 0; i < 10000; i++) { map.set(`a${i}`, i); }
Object Insert
for (let i = 0; i < 10000; i++) { obj[`a${i}`] = i; }
Object2 Insert
for (let i = 0; i < 10000; i++) { obj2[`a${i}`] = i; }
Map Delete
let map = new Map(); for (let i = 0; i < 10000; i++) { map.delete(`a${i}`); }
Object Delete
for (let i = 0; i < 10000; i++) { delete obj[`a${i}`]; }
Object2 Delete
for (let i = 0; i < 10000; i++) { delete obj2[`a${i}`]; }
Map Copy
for (let i = 0; i < 10000; i++) { const map2 = new Map(map); }
Object Copy
for (let i = 0; i < 10000; i++) { const objCopy = {...obj}; }
Object2 Copy
for (let i = 0; i < 10000; i++) { const objCopy = {...obj2}; }
Map to Object
for (let i = 0; i < 10000; i++) { const newObj = Object.fromEntries(map.entries()); }