Benchmark: objType vs objTypeS vs objTypeL vs others

objType vs objTypeS vs objTypeL vs others (version: 2)

Symbol.iterator also matches TypedArray, Map, and such

Comparing performance of: Array - instanceof vs NodeList - objType vs RegExp - objTypeS vs RegExp - objType vs Function - objTypeS vs Function - objType vs Array - objTypeS vs Array - objType vs jQuery - .prototype.isPrototypeOf vs Function - Object.prototype.toString.call vs Array - .prototype.isPrototypeOf vs Array - Object.prototype.toString.call vs Array - isArray vs Array - Symbol.iterator vs Function - instanceof vs Function - .prototype.isPrototypeOf vs Function - typeof vs jQuery - instanceof vs RegExp - instanceof vs RegExp - .prototype.isPrototypeOf vs RegExp - Object.prototype.toString.call vs NodeList - instanceof vs NodeList - .prototype.isPrototypeOf vs NodeList - Object.prototype.toString.call vs NodeList - objTypeS vs jQuery - objTypeS vs Array - objTypeL vs Function - objTypeL vs RegExp - objTypeL vs NodeList - objTypeL vs jQuery - objTypeL vs IFrame - objType vs IFrame - objTypeS vs IFrame - objTypeL vs IFrame - string comp

Created: 2 years ago by: Registered User

Jump to the latest result

HTML Preparation code:

<script src='https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.js'></script>
<a id='' href='#' />
<div id=''></div>
<a id='' href='#' />
<div id=''></div>
<iframe></iframe>

Script Preparation code:

{
  const objTMap={Array:"A",Boolean:"B",Date:"D",Function:"F",HTMLCollection:"HC",HTMLDocument:"HTDoc",HTMLIFrameElement:"HTIfr",NodeList:"NL",Null:"NU",Number:"N",Promise:"P",RegExp:"R",String:"S",Undefined:"UD"},jQ=typeof jQuery==="function";
  objType=o=>Object.prototype.toString.call(o).slice(8,-1),
  objTypeS=o=>{
    let t=objType(o);
    return Object.hasOwn(objTMap,t)                       ?(t=objTMap[t],t==="N"&&Number.isNaN(o)?"NaN":t)
           :t.slice(0,4)==="HTML"&&t.slice(-7)==="Element"?"HT"+t.slice(4,-7)
           :jQ&&jQuery.prototype.isPrototypeOf(o)         ?"JQ"
                                                          :t
  },
  objTypeL=o=>{
    let t=objType(o);
    return t==="Number"                                   ?(Number.isNaN(o)?"NaN":t)
           :jQ&&jQuery.prototype.isPrototypeOf(o)         ?"JQ"
                                                          :t
  }
}
var typInStr = "HTMLIFrameElement";
var types = {
  array: [1,2,3],
  number: 123,
  string: '123',
  map: new Map([[1,1],[2,2],[3,3]]),
  set: new Set([1,2,3]),
  buffer: new ArrayBuffer([1,2,3]),
  boolean: true,
  arrow: () => {},
  function: function () {},
  object: {},
  u8: new Uint8Array(),
  u16: new Uint16Array(),
  u32: new Uint32Array(),
  i8: new Int8Array(),
  i16: new Int16Array(),
  i32: new Int32Array(),
  regex: /\d/,
  nodelist: document.querySelectorAll("a"),
  jquery: jQuery("a"),
  iframe: document.querySelector("iframe")
}

var keys = Object.keys(types)

Tests:

Array - instanceof
keys.map(key => (types[key] instanceof Array))
NodeList - objType
keys.map(key => objType(types[key]) === "NodeList")
RegExp - objTypeS
keys.map(key => objTypeS(types[key]) === "R")
RegExp - objType
keys.map(key => objType(types[key]) === "RegExp")
Function - objTypeS
keys.map(key => objTypeS(types[key]) === "F")
Function - objType
keys.map(key => objType(types[key]) === "Function")
Array - objTypeS
keys.map(key => objTypeS(types[key]) === "A")
Array - objType
keys.map(key => objType(types[key]) === "Array")
jQuery - .prototype.isPrototypeOf
keys.map(key => jQuery.prototype.isPrototypeOf(types[key]))
Function - Object.prototype.toString.call
keys.map(key => Object.prototype.toString.call(types[key]) === "[object Function]")
Array - .prototype.isPrototypeOf
keys.map(key => Array.prototype.isPrototypeOf(types[key]))
Array - Object.prototype.toString.call
keys.map(key => Object.prototype.toString.call(types[key]) === "[object Array]")
Array - isArray
keys.map(key => Array.isArray(types[key]))
Array - Symbol.iterator
keys.map(key => types[key][Symbol.iterator] !== undefined)
Function - instanceof
keys.map(key => (types[key] instanceof Function))
Function - .prototype.isPrototypeOf
keys.map(key => Function.prototype.isPrototypeOf(types[key]))
Function - typeof
keys.map(key => (typeof types[key] === "function"))
jQuery - instanceof
keys.map(key => (types[key] instanceof jQuery))
RegExp - instanceof
keys.map(key => (types[key] instanceof RegExp))
RegExp - .prototype.isPrototypeOf
keys.map(key => RegExp.prototype.isPrototypeOf(types[key]))
RegExp - Object.prototype.toString.call
keys.map(key => Object.prototype.toString.call(types[key]) === "[object RegExp]")
NodeList - instanceof
keys.map(key => (types[key] instanceof NodeList))
NodeList - .prototype.isPrototypeOf
keys.map(key => NodeList.prototype.isPrototypeOf(types[key]))
NodeList - Object.prototype.toString.call
keys.map(key => Object.prototype.toString.call(types[key]) === "[object NodeList]")
NodeList - objTypeS
keys.map(key => objTypeS(types[key]) === "NL")
jQuery - objTypeS
keys.map(key => objTypeS(types[key]) === "JQ")
Array - objTypeL
keys.map(key => objTypeL(types[key]) === "Array")
Function - objTypeL
keys.map(key => objTypeL(types[key]) === "Function")
RegExp - objTypeL
keys.map(key => objTypeL(types[key]) === "RegExp")
NodeList - objTypeL
keys.map(key => objTypeL(types[key]) === "NodeList")
jQuery - objTypeL
keys.map(key => objTypeL(types[key]) === "JQ")
IFrame - objType
keys.map(key => objType(types[key]) === "HTMLIFrameElement")
IFrame - objTypeS
keys.map(key => objTypeS(types[key]) === "HTIfr")
IFrame - objTypeL
keys.map(key => objTypeL(types[key]) === "HTMLIFrameElement")
IFrame - string comp
keys.map(key => typInStr === "HTMLIFrameElement")

Rendered benchmark preparation results:

Suite status: <idle, ready to run>

Previous results

Test case name	Result
Array - instanceof
NodeList - objType
RegExp - objTypeS
RegExp - objType
Function - objTypeS
Function - objType
Array - objTypeS
Array - objType
jQuery - .prototype.isPrototypeOf
Function - Object.prototype.toString.call
Array - .prototype.isPrototypeOf
Array - Object.prototype.toString.call
Array - isArray
Array - Symbol.iterator
Function - instanceof
Function - .prototype.isPrototypeOf
Function - typeof
jQuery - instanceof
RegExp - instanceof
RegExp - .prototype.isPrototypeOf
RegExp - Object.prototype.toString.call
NodeList - instanceof
NodeList - .prototype.isPrototypeOf
NodeList - Object.prototype.toString.call
NodeList - objTypeS
jQuery - objTypeS
Array - objTypeL
Function - objTypeL
RegExp - objTypeL
NodeList - objTypeL
jQuery - objTypeL
IFrame - objType
IFrame - objTypeS
IFrame - objTypeL
IFrame - string comp

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: 2 years ago)

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/100.0.4896.75 Safari/537.36

Browser/OS: Chrome 100 on Windows

View result in a separate tab

Test name	Executions per second
Array - instanceof	157846.8 Ops/sec
RegExp - .prototype.isPrototypeOf	160023.7 Ops/sec
RegExp - Object.prototype.toString.call	140592.7 Ops/sec
NodeList - instanceof	159057.4 Ops/sec
NodeList - .prototype.isPrototypeOf	162492.8 Ops/sec
NodeList - Object.prototype.toString.call	138623.3 Ops/sec
NodeList - objTypeS	40827.7 Ops/sec
RegExp - instanceof	157216.3 Ops/sec
jQuery - objTypeS	40461.0 Ops/sec
Function - objTypeL	45941.8 Ops/sec
RegExp - objTypeL	45783.7 Ops/sec
NodeList - objTypeL	45178.7 Ops/sec
jQuery - objTypeL	46161.7 Ops/sec
IFrame - objType	78363.5 Ops/sec
IFrame - objTypeS	40529.6 Ops/sec
Array - objTypeL	45926.3 Ops/sec
IFrame - objTypeL	45401.9 Ops/sec
jQuery - instanceof	146515.8 Ops/sec
Function - .prototype.isPrototypeOf	162760.3 Ops/sec
NodeList - objType	79971.5 Ops/sec
RegExp - objTypeS	40853.8 Ops/sec
RegExp - objType	80024.3 Ops/sec
Function - objTypeS	40733.0 Ops/sec
Function - objType	79742.4 Ops/sec
Array - objTypeS	40277.7 Ops/sec
Function - typeof	380514.9 Ops/sec
Array - objType	80010.4 Ops/sec
Function - Object.prototype.toString.call	135555.1 Ops/sec
Array - .prototype.isPrototypeOf	158371.9 Ops/sec
Array - Object.prototype.toString.call	140435.5 Ops/sec
Array - isArray	167174.3 Ops/sec
Array - Symbol.iterator	100299.0 Ops/sec
Function - instanceof	161079.5 Ops/sec
jQuery - .prototype.isPrototypeOf	158940.6 Ops/sec
IFrame - string comp	467957.1 Ops/sec

objType vs objTypeS vs objTypeL vs others (version: 2)

Symbol.iterator also matches TypedArray, Map, and such

Created: 2 years ago by: Registered User

Jump to the latest result

Array - instanceof

NodeList - objType

RegExp - objTypeS

RegExp - objType

Function - objTypeS

Function - objType

Array - objTypeS

Array - objType

jQuery - .prototype.isPrototypeOf

Function - Object.prototype.toString.call

Array - .prototype.isPrototypeOf

Array - Object.prototype.toString.call

Array - isArray

Array - Symbol.iterator

Function - instanceof

Function - .prototype.isPrototypeOf

Function - typeof

jQuery - instanceof

RegExp - instanceof

RegExp - .prototype.isPrototypeOf

RegExp - Object.prototype.toString.call

NodeList - instanceof

NodeList - .prototype.isPrototypeOf

NodeList - Object.prototype.toString.call

NodeList - objTypeS

jQuery - objTypeS

Array - objTypeL

Function - objTypeL

RegExp - objTypeL

NodeList - objTypeL

jQuery - objTypeL

IFrame - objType

IFrame - objTypeS

IFrame - objTypeL

IFrame - string comp

Suite status: <idle, ready to run>

Experimental features:

Fastest: N/A

Slowest: N/A