JSFiddle - React, Tailwind, and code Playground

by mizobata

JavaScript

const testData = [
  { type: 1 }, { type: 3 }, { type: 5 }, { type: 2 }, { type: 1 }, // 5
  { type: 1 }, { type: 5 }, { type: 6 }, { type: 2 }, { type: 3 }, // 10
  { type: 4 }, { type: 5 }, { type: 2 }, { type: 6 }, { type: 4 }, // 15
  { type: 5 }, { type: 5 }, { type: 3 }, { type: 2 }, { type: 4 }, // 20
  { type: 5 }, { type: 1 }, { type: 1 }, { type: 2 }, { type: 1 }, // 25
  { type: 3 }, { type: 5 }, { type: 2 }, { type: 1 }, { type: 1 }, // 30
  { type: 5 }, { type: 6 }, { type: 2 }, { type: 3 }, { type: 4 }, // 35
  { type: 5 }, { type: 2 }, { type: 6 }, { type: 4 }, { type: 5 }, // 40
  { type: 5 }, { type: 3 }, { type: 2 }, { type: 4 }, { type: 5 }, // 45
  { type: 1 }, { type: 1 }, { type: 2 }, { type: 4 }, { type: 5 } // 50
]

console.time('1')
const a = testData.filter(data => data.type === 2 || data.type === 3 || data.type === 4 || data.type === 5)
console.timeEnd('1')

console.time('2')
const b = testData.filter(data => [2, 3, 4, 5].includes(testData))
console.timeEnd('2')