Benchmark: Potherca: Get total of Children

Tests:

getTotal.01.js
const input = [ { "label": "A", "value": 50, "children": [ { "label": "C", "value": 25, "children": [ { "label": "C1", "value": 12.5, "children": [ { "label": "C1a", "value": 6.25}, { "label": "C1b", "value": 6.25} ]}, { "label": "C2", "value": 12.5} ]} ]}, { "label": "B", "value": 50}, { "label": "D", "value": 25} ] /* 01. Current implementation. Working but too complex */ total = (function getTotal(data) { return data .map(item => item.children ? getTotal(item.children) : item.value) .reduce((a, b) => a + b, 0) })(input)
getTotal.02.js
const input = [ { "label": "A", "value": 50, "children": [ { "label": "C", "value": 25, "children": [ { "label": "C1", "value": 12.5, "children": [ { "label": "C1a", "value": 6.25}, { "label": "C1b", "value": 6.25} ]}, { "label": "C2", "value": 12.5} ]} ]}, { "label": "B", "value": 50}, { "label": "D", "value": 25} ] /* 02. Split out the implementation and call */ let total = 0 const getTotal = data => data .map(item => item.children ? getTotal(item.children) : item.value) .reduce((a, b) => a + b, 0); total = getTotal(input)
getTotal.03.js
const input = [ { "label": "A", "value": 50, "children": [ { "label": "C", "value": 25, "children": [ { "label": "C1", "value": 12.5, "children": [ { "label": "C1a", "value": 6.25}, { "label": "C1b", "value": 6.25} ]}, { "label": "C2", "value": 12.5} ]} ]}, { "label": "B", "value": 50}, { "label": "D", "value": 25} ] /* 03. Write ternary operator out as if/else statement */ let total = 0 const getTotal = data => data .map(item => { if (item.children) { return getTotal(item.children) } else { return item.value } }) .reduce((a, b) => a + b, 0); total = getTotal(input)
getTotal.04.js
const input = [ { "label": "A", "value": 50, "children": [ { "label": "C", "value": 25, "children": [ { "label": "C1", "value": 12.5, "children": [ { "label": "C1a", "value": 6.25}, { "label": "C1b", "value": 6.25} ]}, { "label": "C2", "value": 12.5} ]} ]}, { "label": "B", "value": 50}, { "label": "D", "value": 25} ] /* 04. Replace reduce with forEach */ let total = 0 const getTotal = data => data .map(item => { if (item.children) { return getTotal(item.children) } else { return item.value } }) .forEach(item => total += item || 0) total = getTotal(input)
getTotal.05.js
const input = [ { "label": "A", "value": 50, "children": [ { "label": "C", "value": 25, "children": [ { "label": "C1", "value": 12.5, "children": [ { "label": "C1a", "value": 6.25}, { "label": "C1b", "value": 6.25} ]}, { "label": "C2", "value": 12.5} ]} ]}, { "label": "B", "value": 50}, { "label": "D", "value": 25} ] /* 05. Move map logic into forEach */ let total = 0 const getTotal = data => data.forEach(item => { if (item.children) { getTotal(item.children) } else { total += item.value } }) total = getTotal(input)
getTotal.06.js
const input = [ { "label": "A", "value": 50, "children": [ { "label": "C", "value": 25, "children": [ { "label": "C1", "value": 12.5, "children": [ { "label": "C1a", "value": 6.25}, { "label": "C1b", "value": 6.25} ]}, { "label": "C2", "value": 12.5} ]} ]}, { "label": "B", "value": 50}, { "label": "D", "value": 25} ] /* 06. Move variable into function scope */ total = 0 const getTotal = data => { let total = 0 data.forEach(item => { if (item.children) { total += getTotal(item.children) } else { total += item.value } }) return total } total = getTotal(input)
getTotal.07.js
const input = [ { "label": "A", "value": 50, "children": [ { "label": "C", "value": 25, "children": [ { "label": "C1", "value": 12.5, "children": [ { "label": "C1a", "value": 6.25}, { "label": "C1b", "value": 6.25} ]}, { "label": "C2", "value": 12.5} ]} ]}, { "label": "B", "value": 50}, { "label": "D", "value": 25} ] /* 07. A better idea... */ const getTotal = data => { let total = 0; data.forEach(item => { if (item.children) { total += getTotal(item.children) } else if (item.value) { total += item.value } }) return total; } let total = getTotal(input)
getTotal.08.js
const input = [ { "label": "A", "value": 50, "children": [ { "label": "C", "value": 25, "children": [ { "label": "C1", "value": 12.5, "children": [ { "label": "C1a", "value": 6.25}, { "label": "C1b", "value": 6.25} ]}, { "label": "C2", "value": 12.5} ]} ]}, { "label": "B", "value": 50}, { "label": "D", "value": 25} ] /* 08. Flatmap */ const getTotal = data => { let total = 0; data.flatMap(item => { if (item.value) { total += item.value } if (item.children) { total += getTotal(item.children) } }) return total; } let total = getTotal(input)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
getTotal.01.js
getTotal.02.js
getTotal.03.js
getTotal.04.js
getTotal.05.js
getTotal.06.js
getTotal.07.js
getTotal.08.js

Fastest: N/A

Slowest: N/A

Latest run results:

Run details: (Test run date: one year ago)

User agent: Mozilla/5.0 (X11; Ubuntu; Linux x86_64; rv:133.0) Gecko/20100101 Firefox/133.0

Browser/OS: Firefox 133 on Ubuntu

View result in a separate tab

Test name	Executions per second
getTotal.01.js	3608038.0 Ops/sec
getTotal.02.js	2766598.8 Ops/sec
getTotal.03.js	2395519.5 Ops/sec
getTotal.04.js	4171380.2 Ops/sec
getTotal.05.js	6006430.5 Ops/sec
getTotal.06.js	4774035.5 Ops/sec
getTotal.07.js	5343143.0 Ops/sec
getTotal.08.js	2982498.5 Ops/sec

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):

LLMs can make mistakes. Check important info.

Based on the provided benchmark results, it appears that there is no specific data or context being analyzed to provide an answer.

However, I can try to make some general observations based on the code and benchmarking data:

1. **getTotal.05.js**: This result has a relatively high number of executions per second (2857513.75), suggesting efficient execution.
2. **getTotal.07.js**: This result is significantly lower than 05.js, with only 2514849.5 executions per second, indicating potential performance issues.
3. **getTotal.06.js**: With a moderate number of executions per second (1716290.375), this result seems to strike a balance between performance and code complexity.
4. **getTotal.08.js**: This result has an even lower number of executions per second (1470214.0) than 07.js, suggesting that the optimization efforts may have introduced additional overhead.

Without more context or specific data, it's challenging to provide a definitive answer. If you could provide more information about the code being benchmarked or the expected performance characteristics, I'd be happy to try and assist further!

Related benchmarks:

Potherca: Get total of Children (version: 0)

Benchmarks to go with https://gist.github.com/Potherca/039581984faab7b0f23d2043729a14f4

Comparing performance of: getTotal.01.js vs getTotal.02.js vs getTotal.03.js vs getTotal.04.js vs getTotal.05.js vs getTotal.06.js vs getTotal.07.js vs getTotal.08.js

Created: 3 years ago by: Registered User

Jump to the latest result

getTotal.01.js

getTotal.02.js

getTotal.03.js

getTotal.04.js

getTotal.05.js

getTotal.06.js

getTotal.07.js

getTotal.08.js

Suite status: <idle, ready to run>

Fastest: N/A

Slowest: N/A

Autogenerated LLM Summary (model llama3.2:3b, generated one year ago):