Run results for: Lodash vs Set Intersection vs includes vs indexOf (not ordered list)

Run details:

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

Browser: Chrome 129

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: 15 days ago

Test name	Executions per second
Lodash intersection	175251.1 Ops/sec
Javascript includes	479264.8 Ops/sec
Javascript indexOf	428841.0 Ops/sec
Javascript Set intersection	282560.5 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 first = [
  { "key": "Alice" },
  { "key": "Bob" },
  { "key": "Charlie" },
  { "key": "David" },
  { "key": "Eve" },
  { "key": "Frank" },
  { "key": "Grace" },
  { "key": "Hannah" },
  { "key": "Ivy" },
  { "key": "Jack" },
  { "key": "Kathy" },
  { "key": "Leo" },
  { "key": "Mona" },
  { "key": "Nina" },
  { "key": "Oscar" },
  { "key": "Paul" },
  { "key": "Quincy" },
  { "key": "Rita" },
  { "key": "Sam" },
  { "key": "Tina" },
  { "key": "Uma" },
  { "key": "Victor" },
  { "key": "Wendy" },
  { "key": "Xander" },
  { "key": "Yara" },
  { "key": "Zach" },
  { "key": "Ava" },
  { "key": "Liam" },
  { "key": "Noah" },
  { "key": "Emma" },
  { "key": "Olivia" },
  { "key": "Sophia" },
  { "key": "Jackson" },
  { "key": "Lucas" },
  { "key": "Mason" },
  { "key": "Ethan" },
  { "key": "Aiden" },
  { "key": "Logan" },
  { "key": "Zoe" },
  { "key": "Chloe" },
  { "key": "Lily" },
  { "key": "Ella" },
  { "key": "Scarlett" },
  { "key": "Aria" },
  { "key": "Mia" },
  { "key": "Samantha" },
  { "key": "Natalie" },
  { "key": "Camila" },
  { "key": "Layla" },
  { "key": "Riley" },
  { "key": "Aubrey" },
  { "key": "Hazel" },
  { "key": "Luna" },
  { "key": "Victoria" },
  { "key": "Addison" },
  { "key": "Brooklyn" },
  { "key": "Hannah" },
  { "key": "Lillian" },
  { "key": "Nora" },
  { "key": "Ellie" },
  { "key": "Lucy" },
  { "key": "Savannah" },
  { "key": "Mila" },
  { "key": "Kinsley" },
  { "key": "Peyton" },
  { "key": "Bailey" },
  { "key": "Skylar" },
  { "key": "Bella" },
  { "key": "Stella" },
  { "key": "Eva" },
  { "key": "Madison" },
  { "key": "Clara" },
  { "key": "Julia" },
  { "key": "Sophie" },
  { "key": "Arianna" },
  { "key": "Autumn" },
  { "key": "Kylie" },
  { "key": "Isabella" },
  { "key": "Gianna" },
  { "key": "Serenity" },
  { "key": "Kaylee" },
  { "key": "Mackenzie" },
  { "key": "Jasmine" },
  { "key": "Elliana" },
  { "key": "Reagan" },
  { "key": "Iris" },
  { "key": "Delilah" },
  { "key": "Faith" },
  { "key": "Ayla" },
  { "key": "Sienna" },
  { "key": "Maddison" },
  { "key": "Samantha" },
  { "key": "Taylor" },
  { "key": "Brooke" },
  { "key": "Alexis" },
  { "key": "Maria" },
  { "key": "Gianna" },
  { "key": "Leah" },
  { "key": "Cora" },
  { "key": "Lydia" },
  { "key": "Ophelia" },
  { "key": "Amara" },
  { "key": "Elena" },
  { "key": "Evangeline" },
  { "key": "Adeline" },
  { "key": "Emery" },
  { "key": "Emilia" },
  { "key": "Katherine" },
  { "key": "Vivian" },
  { "key": "Rosalie" },
  { "key": "Brielle" },
  { "key": "Cecilia" },
  { "key": "Adele" },
  { "key": "Margo" },
  { "key": "Kate" },
  { "key": "Ruth" },
  { "key": "Maya" },
  { "key": "Jade" },
  { "key": "Piper" },
  { "key": "Paige" },
  { "key": "Megan" },
  { "key": "Jordan" },
  { "key": "Tessa" },
  { "key": "Kimberly" },
  { "key": "Angela" },
  { "key": "Aaliyah" },
  { "key": "Michaela" },
  { "key": "Sierra" },
  { "key": "Sabrina" },
  { "key": "Diana" },
  { "key": "Juliana" },
  { "key": "Lila" },
  { "key": "Alana" },
  { "key": "Cynthia" },
  { "key": "Misty" },
  { "key": "Elle" },
  { "key": "Fiona" },
  { "key": "Misty" },
  { "key": "Mabel" },
  { "key": "Mara" },
  { "key": "Sky" },
  { "key": "Sage" },
  { "key": "Wren" },
  { "key": "Briar" },
  { "key": "Rhea" },
  { "key": "Carmen" },
  { "key": "Raven" },
  { "key": "Cleo" },
  { "key": "Nina" },
  { "key": "Lola" },
  { "key": "Nova" },
  { "key": "Elsie" },
  { "key": "Maisie" },
  { "key": "Dahlia" },
  { "key": "Talia" },
  { "key": "Raina" },
  { "key": "Mina" },
  { "key": "Kenna" },
  { "key": "Thea" },
  { "key": "Sable" },
  { "key": "Freya" },
  { "key": "Lyra" }
];

var second = 
[
  "Alice",
  "Emma",
  "David",
  "Sam",
  "Oscar",
  "Eve",
  "Grace",
  "Mason",
  "Mia",
  "Nina",
  "Zach",
  "Leo",
  "Charlotte",
  "Hannah",
  "Jack",
  "Liam",
  "Tina",
  "Frank",
  "Ava",
  "Rita",
  "Camila",
  "Maddison",
  "Tessa",
  "Sophie",
  "Hannah",
  "Kathy",
  "Wendy",
  "Aaliyah",
  "Kylie",
  "Violet",
  "Natalie",
  "Ella",
  "Julia",
  "Faith",
  "Raven",
  "Juliana",
  "Misty",
  "Delilah",
  "Briar",
  "Rhea",
  "Sage",
  "Cleo",
  "Mara",
  "Wren",
  "Nova",
  "Maisie",
  "Sierra",
  "Thea",
  "Margo",
  "Freya",
  "Zach",
  "Kathy",
  "Lydia",
  "Maya",
  "Sable",
  "Cynthia",
  "Ivy",
  "Skylar",
  "Reagan",
  "Adeline",
  "Jade",
  "Piper",
  "Kinsley",
  "Autumn",
  "Isabella",
  "Luna",
  "Samantha",
  "Arianna",
  "Ayla",
  "Nora",
  "Cora",
  "Ella",
  "Lila",
  "Zoe",
  "Xander",
  "Victor",
  "Ivy",
  "Mila",
  "Hazel",
  "Ellie",
  "Violet",
  "Sierra",
  "Maisie",
  "Carmen",
  "Cleo",
  "Peyton",
  "Sam",
  "Dahlia",
  "Lola",
  "Ava",
  "Nina",
  "Sophie",
  "Ella",
  "Misty",
  "Alana",
  "Olivia",
  "Freya",
  "Lydia",
  "Ayla",
  "Layla",
  "Maddison",
  "Jade",
  "Zach",
  "Emma",
  "Rita",
  "Sable",
  "Wendy",
  "Thea",
  "Mabel",
  "Rhea",
  "Carmen",
  "Faith",
  "Alana"
]

Tests:

Lodash intersection
const result = _.intersectionWith(first, second, (obj, key) => obj.key === key); console.log('lodash', result);
Javascript includes
const keys = first.map(e => e.key); const result = keys.filter(a => second.includes(a)); console.log('includes', result);
Javascript indexOf
const keys = first.map(e => e.key); const result = keys.filter(a => second.indexOf(a) >= 0); console.log('indexOf', result);
Javascript Set intersection
const secondSet = new Set(second); const result = first.filter(item => secondSet.has(item.key)); console.log('set', result);

Run results for: Lodash vs Set Intersection vs includes vs indexOf (not ordered list)

Lodash intersection

Javascript includes

Javascript indexOf

Javascript Set intersection