Benchmark: Filter and return property values of an array of objects

Script Preparation code:

var objArr = [
  { type: 2, value: 'Sony - A7r mk2' },
  { type: 2, value: 'BMCC 4K' },
  { type: 3, value: 'Sony - FS700' },
  { type: 1, value: 'Panasonic GH4' },
  { type: 1, value: 'Sony - FS5' },
  { type: 1, value: 'Sony - FS7' },
  { type: 1, value: 'Sony - A7s mk2' },
  { type: 2, value: 'Red Epic' },
  { type: 1, value: 'Arri Alexa' },
  { type: 1, value: 'Sony - F55' },
  { type: 1, value: 'Canon 550D / T2i' },
  { type: 1, value: 'Canon C300' },
  { type: 2, value: 'Sony - RX100 mk4' },
  { type: 3, value: 'Canon XF300' },
  { type: 2, value: 'Red Dragon' },
  { type: 2, value: 'Sony - A6300' },
  { type: 1, value: 'Canon 6D' },
  { type: 1, value: 'Sony - A7s' },
  { type: 2, value: 'Canon 5D MkIII' },
  { type: 2, value: 'Red Scarlet' },
  { type: 2, value: 'Canon 7D / 60D' },
  { type: 2, value: 'BMCC' },
  { type: 2, value: 'Sony - EX1, EX3' },
  { type: 3, value: 'Red One' },
  { type: 1, value: 'Canon C100' },
  { type: 2, value: 'Digital Bolex D16' },
  { type: 3, value: 'Panasonic GH2' },
  { type: 1, value: 'Panasonic GH3' },
  { type: 1, value: 'GoPro Hero3' },
  { type: 2, value: 'GoPro Hero4' },
  { type: 3, value: 'Canon 1DC' },
  { type: 3, value: 'Canon 5D MkII' },
  { type: 1, value: 'Nikon D7000' },
  { type: 1, value: 'Nikon D800' },
  { type: 3, value: 'Canon C100 mk II' },
  { type: 2, value: 'Black Magic Pocket' },
  { type: 1, value: 'Canon 600D / T3i' }
]

Tests:

map() and push() to new array
let arr = []; objArr.map((i) => { if (i.type === 2) arr.push(i.value) } )
filter() and map() chain
objArr.filter((i) => i.type === 2).map((j) => j.value)

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
map() and push() to new array
filter() and map() chain

Fastest: N/A

Slowest: N/A

ⓘ Get performance results from real users on your website with Request Metrics.

Website Performance Monitoring by Request Metrics

Latest run results:

Run details: (Test run date: 9 months ago)

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10.15; rv:109.0) Gecko/20100101 Firefox/116.0

Browser/OS: Firefox 116 on Mac OS X 10.15

View result in a separate tab

Test name	Executions per second
map() and push() to new array	3036081.0 Ops/sec
filter() and map() chain	2337059.0 Ops/sec

Filter and return property values of an array of objects (version: 0)

Given an array of objects, return array of string values where the object property satisfies a filter

Comparing performance of: map() and push() to new array vs filter() and map() chain

Created: 9 months ago by: Registered User

Jump to the latest result

map() and push() to new array

filter() and map() chain

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A