Run results for: flattt

Run details:

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

Browser: Chrome 102

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 2 years ago

Test name	Executions per second
map+flat	373257.8 Ops/sec
reduce+push	4324703.5 Ops/sec
reduce+concat	1391013.6 Ops/sec
map+lodash	2371358.8 Ops/sec

HTML Preparation code:


<script src='https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.5/lodash.min.js'></script>

Script Preparation code:

var arr = [{
        permissions: [{
                target_type: 'tag',
                operations: ['edit'],
            },
            {
                target_type: 'log_entry',
                operations: ['list', 'view', 'list', 'view', 'list', 'view', 'list', 'view'],
            },
            {
                target_type: 'log_entry',
                operations: ['list', 'view', 'list', 'view', 'list', 'view', 'list', 'view'],
            },
            {
                target_type: 'log_entry',
                operations: ['list', 'view', 'list', 'view', 'list', 'view', 'list', 'view'],
            },
            {
                target_type: 'log_entry',
                operations: ['list', 'view', 'list', 'view', 'list', 'view', 'list', 'view'],
            },
            {
                target_type: 'log_entry',
                operations: ['list', 'view', 'list', 'view', 'list', 'view', 'list', 'view'],
            },
            {
                target_type: 'log_entry',
                operations: ['list', 'view', 'list', 'view', 'list', 'view', 'list', 'view'],
            },
            {
                target_type: 'log_entry',
                operations: ['list', 'view', 'list', 'view', 'list', 'view', 'list', 'view'],
            },
            {
                target_type: 'log_entry',
                operations: ['list', 'view', 'list', 'view', 'list', 'view', 'list', 'view'],
            },
        ],
    },
    {
        permissions: [{
                target_type: 'log_entry',
                operations: ['list', 'view'],
            },
            {
                target_type: 'log_entry',
                operations: ['list', 'view'],
            },
        ],
    },
    {
        permissions: [{
                target_type: 'log_entry',
                operations: ['list', 'view'],
            },
            {
                target_type: 'log_entry',
                operations: ['list', 'view'],
            },
        ],
    },
    {
        permissions: [{
                target_type: 'log_entry',
                operations: ['list', 'view'],
            },
            {
                target_type: 'log_entry',
                operations: ['list', 'view'],
            },
        ],
    },
]

Tests:

map+flat
arr.map((m) => m.permissions).flat()
reduce+push
arr.reduce((acc, cur) => { acc.push(...cur.permissions); return acc; }, [])
reduce+concat
arr.reduce((accu, curr) => { return accu.concat([...curr.permissions]) }, [])
map+lodash
_.flatten(arr.map(m => m.permissions))

map+flat

reduce+push

reduce+concat

map+lodash