Run results for: string.includes VS string.split VS JSON.parse

Run details:

User agent: Mozilla/5.0 (Macintosh; Intel Mac OS X 10_15_7) AppleWebKit/605.1.15 (KHTML, like Gecko) Version/18.0 Safari/605.1.15

Browser: Safari 18

Operating system: Mac OS X 10.15.7

Device Platform: Desktop

Date tested: one year ago

Test name	Executions per second
Includes	8701306.0 Ops/sec
Split	4519589.0 Ops/sec
JSON.parse	2021623.0 Ops/sec

Script Preparation code:

var target = "PaymentProvider5";
var optionA = "PaymentProvider1;PaymentProvider2;PaymentProvider3;PaymentProvider4;PaymentProvider5;PaymentProvider6";
var optionB = "[{\"item\": \"PaymentProvider1\"}, {\"item\": \"PaymentProvider2\"}, {\"item\": \"PaymentProvider3\"}, {\"item\": \"PaymentProvider4\"}, {\"item\": \"PaymentProvider5\"}, {\"item\": \"PaymentProvider6\"}]";
var optionC = "[\"PaymentProvider1\", \"PaymentProvider2\", \"PaymentProvider3\", \"PaymentProvider4\", \"PaymentProvider5\", \"PaymentProvider6\"]";

Tests:

Includes
optionA.includes(target)
Split
optionA.split(';').find(p => p === target) !== undefined
JSON.parse - Array with key-values
JSON.parse(optionB).find( p => p.item === target) !== undefined
JSON.parse - Array with raw values
JSON.parse(optionC).find( p => p === target) !== undefined

Run results for: string.includes VS string.split VS JSON.parse

Includes

Split

JSON.parse - Array with key-values

JSON.parse - Array with raw values