Run results for: Object.values() vs Array.from(Map.values())

Run details:

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

Browser: Chrome 131

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Array.from(Map.values())

18K/s

Object.values()

4K/s

View exact numbers

Test name	Executions per second
✓ Array.from(Map.values())	18,478 Ops/sec
Object.values()	4,478 Ops/sec

HTML Preparation code:

<!--your preparation HTML code goes here-->

Script Preparation code:

function generateID(length = 10) {
    const characters = 'ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789';
    let result = '';
    const charactersLength = characters.length;
    
    for (let i = 0; i < length; i++) {
        // Generate a random index based on characters length
        const randomIndex = Math.floor(Math.random() * charactersLength);
        // Append the character at the random index to the result string
        result += characters[randomIndex];
    }

    return result;
}

const obj = {};
const map = new Map();

for (let i = 0; i < 1000; i++) {
	const id = generateID();
	obj[id] = { key: id };
	map.set(id, { key: id });
}

Tests:

Object.values()
const result = Object.values(obj);
Array.from(Map.values())
const result = Array.from(map.values());