stylesString

Benchmark created on November 6, 2025

Setup

const stylesObject = {
	foo: 'foo',
	bar: 'bar',
	baz: null,
	color: undefined
}

function stylesStringEntries(styles) {
    if (!styles || typeof styles !== 'object') return '';
    return Object.entries(styles)
        .filter(([key, value]) => !!value)
        .map(([key, value]) => {
            return `${key}:${value};`;
        })
        .join('');
}

function stylesStringForIn(styles) {
    if (!styles || typeof styles !== 'object') return '';
    let result = '';
    for (let key in styles) {
        if (styles[key]) {
            result += key + ':' + styles[key] + ';';
        }
    }
    return result;
}


function stylesStringReduce(styles) {
    if (!styles || typeof styles !== 'object') return '';
    return Object.keys(styles).reduce((str, key) => {
        const value = styles[key];
        if (value) {
            return str + `${key}:${value};`;
        } else {
        	return str
        }
    }, '');
}

Test runner

stylesStringEntries(stylesObject)

stylesStringForIn(stylesObject)

stylesStringReduce(stylesObject);

Revisions

You can edit these tests or add more tests to this page by appending /edit to the URL.

• Revision 1: published on November 6, 2025