Run results for: instanceof vs .prototype.isPrototypeOf vs .nodeName vs Object.prototype.toString.call vs objType vs objTypeS

Run details:

User agent: Mozilla/5.0 (Windows NT 10.0; Win64; x64; rv:138.0) Gecko/20100101 Firefox/138.0

Browser: Firefox 138

Operating system: Windows

Device Platform: Desktop

Date tested: one year ago

Benchmark engine: Benchmark.js

IFrame - instanceof

1.8M/s

IFrame - .prototype.isPrototypeOf

1.4M/s

IFrame - .nodeName

905K/s

IFrame - Object.prototype.toString.call

392K/s

IFrame - objType

356K/s

IFrame - objTypeS

168K/s

View exact numbers

Test name	Executions per second
✓ IFrame - instanceof	1,837,829 Ops/sec
IFrame - .prototype.isPrototypeOf	1,363,617 Ops/sec
IFrame - .nodeName	905,006 Ops/sec
IFrame - Object.prototype.toString.call	391,527 Ops/sec
IFrame - objType	356,448 Ops/sec
IFrame - objTypeS	168,462 Ops/sec

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:

IFrame - instanceof
keys.map(key => (types[key] instanceof HTMLIFrameElement))
IFrame - .prototype.isPrototypeOf
keys.map(key => HTMLIFrameElement.prototype.isPrototypeOf(types[key]))
IFrame - .nodeName
keys.map(key => (types[key]?.nodeName === "IFRAME"))
IFrame - Object.prototype.toString.call
keys.map(key => Object.prototype.toString.call(types[key]) === "[object HTMLIFrameElement]")
IFrame - objType
keys.map(key => objType(types[key]) === "HTMLIFrameElement")
IFrame - objTypeS
keys.map(key => objTypeS(types[key]) === "HTIfr")