Run results for: Remove by splice + findIndex vs filter

Run details:

User agent: Mozilla/5.0 (Linux; Android 12; SM-N986B) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/107.0.0.0 Mobile Safari/537.36

Browser: Chrome Mobile 107

Operating system: Android

Device Platform: Mobile

Date tested: 2 years ago

Test name	Executions per second
Delete by Splice	794729.7 Ops/sec
Delete by Filter	532850.9 Ops/sec

HTML Preparation code:

<script>
  var array = [{name:"m1c6kzws0iubt8g0zlsug14i"},{name:"xalskr21dm5ke5wczew154s4i"},{name:"hvbfe3uq3pmoehpilh4zpvi"},{name:"ffr2btp9rihf3qce770ttke29"},{name:"ymwh11qu16qwqn5vaafxhia4i"},{name:"1l7rj49636ddmk3cbszitchaor"},{name:"bg1njla9dvdkdlw9mbz1l9pb9"},{name:"201y3ambt118dt7j7bxc6ry66r"},{name:"hsgzqv2ex2j9j8znv3uzbyb9"},{name:"k8tuq5ucdx1whgkdcby44pldi"},{name:"2sjycnx525scxzfxfmwl7q4cxr"},{name:"18q32nqyo7moqa29e5h3434n29"},{name:"hmcfquq61n9kb3lww75dk7qfr"},{name:"fiwykuxxbn7r17ctqjxnptlnmi"},{name:"4shgyrijl6au4ts680x2bj4i"},{name:"soojj6fcsyt1n5qfajbxogvi"},{name:"t3q3inmpnm2bpable646g8pvi"},{name:"fikqz7u91h55408mcng6jkbj4i"},{name:"900ywxmkqqfcw72se6jr307ldi"},{name:"utq8ilmedjq9roylc3jjug14i"},{name:"b3exkwvpdowgnzuybdfdo647vi"},{name:"f5gz9fbaaji1u3yvf1h9w9udi"},{name:"io84h5vop7aqtflg0kvlpu8fr"},{name:"tkoiwzwsrxojr5l4m70j54s4i"},{name:"dhb8srcmuv4qhe06xqqnmcayvi"},{name:"c56ea0p8y6u8ze901m9kd9rudi"},{name:"uqe8h36xrpy153x4d6ik0ggb9"},{name:"yelg88k7uyih00t9dyytlnmi"},{name:"ssstgjiqsd59uz7ywfdcs1yvi"},{name:"pxl3vjar0fkhiaezatie5qaor"},{name:"v3n2ttux3jwrfjpau06vquxr"},{name:"bmvaw0s3bwn1a4vs4uewjnhfr"},{name:"85fkix619psg7cifpgrcuqsemi"},{name:"bbiseiz2spsffazrzo3c70hpvi"},{name:"alhuo6uqqmaympild184a38fr"},{name:"kqpfumshk7i8skr3by2j1nhfr"},{name:"znz5gokd2kfhkqkcq4n9daemi"},{name:"czlvxh76ludjxf15bglgpbvs4i"},{name:"14tf648f3yg2jb5gn3qiz1if6r"},{name:"f8l0bttpqr0iqm59tp2lw61or"},{name:"x1mm8gtvvefr6sk613nqrrudi"},{name:"ftinvepk94t5ye4xmbmrhpvi"},{name:"4im9qe55yufgsykr8lgkchaor"},{name:"acb1xr5iwg3w0e3lood4y4x6r"},{name:"lzii2en5grtrfax29ng5h4cxr"},{name:"pag6ybpnvsbydvmqq4r6bt9"},{name:"ny74ak8g0hzhi7vbjxrzlg14i"},{name:"sp2boul7p27muo2cccvxi529"},{name:"qsb0a0hh75359p9crtvcgnwmi"},{name:"bpxmh6rnp6v5guj1xyv2oz85mi"},{name:"1g0vr5fl4o3yjwy1f8qi3pu8fr"},{name:"i7q1qx3euqwgs0p9wcfa2lnmi"},{name:"f7zem2nt9x5n4kdht4bjk5u3di"},{name:"nhow0t8u04j469prt67fx0f6r"},{name:"gceprisvu6kuphio5vbihpvi"},{name:"gcf1sao3dfawbl4j1sc18m2t9"},{name:"h54kruubj6lyfpn2m2xirudi"},{name:"nnxayo2mw7mw3sqrhccjtt9"},{name:"yyz8g949bsys42p6fnd0a4i"},{name:"2q32t6vhchxv6vi5xv6m45nrk9"},{name:"fjgufh8xhi964dfqcs99kke29"},{name:"tee5l6f4dtlizgzeupw0icnmi"},{name:"wtgrkjdvg5bwq4zfih957y14i"},{name:"g2zfspl3t41f7v94m4qu84cxr"},{name:"hkt2d913iegx1mjdn45vlhaor"},{name:"e8fdk35sup06s2j3g224yrpb9"},{name:"d8tponm7e9k7z89uc0jfgeewmi"},{name:"g4lgdfnv7may0l3oyyrn6d2t9"},{name:"6f3vt0vh2eynb2p76vo0f6r"},{name:"d94o6bh6juykc7f4gnuufecdi"},{name:"gmylglyiamkvsqlhg6kmrhpvi"},{name:"081567s9oh9hmvtmpunh5s714i"},{name:"xl1g7h89cp9blpahqhqwipb9"},{name:"sgeofgqzd8rkhpuelstdl5wmi"},{name:"ae9eraciq2mgeissj1bncul3di"},{name:"3zesr2jixkwaua0oab3lnb3xr"},{name:"6k8lvyr1aqzl1x5ahqqyh6ko6r"},{name:"uyjxmtqnrzvj7mkyqmtoqolxr"},{name:"v7wyvd1me4cclu3hws1owp14i"},{name:"6irsdua6uwdwqvei8qrzbh85mi"},{name:"n0sbm7x5wkzzggrl0h45tgldi"},{name:"k83v48gl0bviwfzq35idx6r"},{name:"qkobghxh0mt4petanqfbc5wmi"},{name:"60z5d0wr3w7zylgbu8gn1att9"},{name:"t90u3vzqzdnjv0soi4ftotj4i"},{name:"nkymc9j93zv9edvmlipy14i"},{name:"dx4fdypsrbj5b3550xggwlv7vi"},{name:"yv17by62xu19ghzx2a3v7vi"},{name:"t55ktqd3ljov5a3i1n1li8uxr"},{name:"cz9ap58m6mt37pbxlwdcdte29"},{name:"pqpzfsoldmg0gzz05uexywrk9"},{name:"ee712q32urczvh48idbtvs4i"},{name:"38kj9wrd0ejxnpb57o5x9zr529"},{name:"e36ttd9hfzthrggniy57idaemi"},{name:"uq73g0anboplz5q7bpooe0zfr"},{name:"xg3b4368fve377qq4f5u92j4i"},{name:"b632owgx2ygb1l0mue6x0f6r"},{name:"g8tpj99bfrm4md4sb6o672e29"},{name:"pas0sldlke88qdstobllhm2t9"},{name:"1pocow1nps1yx9p44cz9gm0a4i"},{name:"f2a8ggfb90fdehr54yb5fusor"},{name:"hf63zal36gws5onwnvnm6lxr"},{name:"2r4ywuccxuksi09fb2rxav2t9"},{name:"7d9nkqdcq9c65jhwdfp5fp3nmi"},{name:"o60tlguxb6hv6h4zqh4h7iudi"},{name:"zp1d2dn8g2cf0qkhzjjbxogvi"},{name:"eyxy61c1evhm28zml1znz5mi"},{name:"ir7kld15wji237wrxgqilik9"},{name:"075eo525bm3wh09lx1myxecdi"},{name:"u8g8crawcm0p7crdphmy4x6r"},{name:"wjizvba0e2b3r03z40e1giudi"},{name:"cixtb0daqbwt7yllxzqr6hia4i"},{name:"ttdmb53kea78hy5eg1trtqpvi"},{name:"ilqxzffpb8vp8mwwkl4eipb9"},{name:"cdxo3s7nyijrgrzegzxk2tvs4i"},{name:"e7h6jwcfjx9soptf17f3gtlnmi"},{name:"qw3sgzq2nwp569oqzrzoajor"},{name:"jb586comqj04xugqkbzhyqfr"},{name:"gnpfqrdmelljqsfvz59v34n29"},{name:"2sscocvc3uw1wjjd64o8yqfr"},{name:"a9uyhq7cfdfeh6bop458tcsor"},{name:"ap3yqxuwdgusmuirh6yqcwhfr"},{name:"d6p7jspcvm87kiml0t7upiudi"},{name:"ejowkvwaftznw6v7qym5z5mi"},{name:"badq37mn685ovjb2gln3zncdi"},{name:"b8l7aur2qt0sl3xui1in0o1or"},{name:"ghjkodm6qjnha4zm6um3oko6r"},{name:"a8kxqdkfwvfrbjik4cm04fgvi"},{name:"0qgixt0vb2zm4y7fwpicedbo6r"},{name:"oh41cupy63hcngoi1kiall3di"},{name:"es4vdwuc7i5srepnguuy9icnmi"},{name:"1re1rrgf1crnimzse4kveljtt9"},{name:"5ugu8wf1d7xi305ffqh4u0udi"},{name:"6x8c9kbm2tzvq9pgjyr50tqpvi"},{name:"a8z5scyojyee0cxewrbsnn4s4i"},{name:"6mrih10uydj1isqnaq16ob6gvi"},{name:"wee254lhbqk7ho2tiust0rudi"},{name:"nypmu8g2qewnzhmk0nclbx1or"},{name:"qyr2drqp2dw5cvvt4duuqsemi"},{name:"shti85yf9o6kdnmem9ggb9"},{name:"h09afu74n04x7wgh6ans46lxr"},{name:"59tjykmakwvrgd25zmp6yiizfr"},{name:"vt9qincway2w1hclwphode7b9"},{name:"topdh5cxkzffvru2juso1dcxr"},{name:"rlgvjy8yqawtc08hczydmfgvi"},{name:"ddkhesqzojhepzoee6z23s1yvi"},{name:"bnatylg6gn1nqm7wluf1j1yvi"},{name:"y30jytwr0fh6gg3m1fol59udi"},{name:"f2w8ifwpvbu4nh45axuaw0zfr"},{name:"un76200x9ld5l43nt8o94fgvi"},{name:"srturyfhbpqssu98xa8twqaor"},{name:"036dflbwt1c369lg39vxx39pb9"},{name:"0o6pe19bgipdg59q9k3ckjfw29"},{name:"e4bcy3h0hjltqrf8c5x5pzaor"},{name:"f8bjhocgpmvmo9ximhra1nhfr"},{name:"87w9s39ypib7djbknn1edygb9"},{name:"y9w8zu5jkhjrqelnrrtb21emi"},{name:"rykwcdrestde95z1wnd59izfr"},{name:"q834mccmrn14hban2aqgxpqfr"},{name:"sr3uf1yffe4c4avzr6r49rudi"},{name:"ea8s5g5sh72onhxmdz244vaemi"},{name:"shxtolxu3w59y920d8ky8ehfr"},{name:"4wlivut0n1ht80rs5lyf7ds4i"},{name:"nueadpm2gt2vf38a7dhsvpldi"},{name:"1zc4cxwo43gxeif9im1ltmx6r"},{name:"9n6ci22odczmivmgz4wijm7vi"},{name:"tpc7su4u7ez0kvkblw7ncow29"},{name:"zksblo1sh7dwt6vlcihrara4i"},{name:"p9jotkt2y2szpo31b66jvpldi"},{name:"tl2w2crc3p524s300iacbx1or"},{name:"9ttyz01etc45zqppvkkwklnmi"},{name:"o6nj3qxy3a7iqyy06k7zoxbt9"},{name:"d8imry74j85gerwwypp1wz5mi"},{name:"77vkrqqmyr9py125czkw9x80k9"},{name:"c1gv40vm2us435cqszncqbbj4i"},{name:"9tfdorhnwnaqzforgj2k8d7vi"},{name:"2d3cuqd0p2ur5zrbajwo4dkj4i"},{name:"2jgvcdh5j7wyfuqdbgn8rxjemi"},{name:"kadxxllve35upugf69qhyqfr"},{name:"3te9re9k2hb9xkt63okbdfgvi"},{name:"mm23z47tirqhfp56ynadlhaor"},{name:"y4pgcsv2jl4vkk24ijuelv7vi"},{name:"zjry6isasjpxkr6wahc15rk9"},{name:"awy9qof4ebaj5behfv7dcgnwmi"},{name:"5yecig7hoku5h2u1dco50cnmi"},{name:"ztk3ia84nzgvd5c9amnjc3di"},{name:"e4u4f3l2mdnqu9i9kas2lnmi"},{name:"qqe4ygai2ufcst4q7csj1yvi"},{name:"pg5um4aq6p6vzez4bg37ynwmi"},{name:"t5jsb7riq3o3bqyhne5klnmi"},{name:"teybuhw83srwyc0t6g92otj4i"},{name:"9svwvf9u5qz9wzflvowzpk3xr"},{name:"skzt68jucn2pky1xo6n31h5mi"},{name:"mngrrjw94j3xgewe7ka603sor"},{name:"xz4p7nump5nbfp0zilik9"},{name:"ooinhusm3793joewdt8wfusor"},{name:"fbabrl45owrboyhcz2xy2v5cdi"},{name:"ubcwnem2lpc8k6n4r59daemi"},{name:"d78k39ex2e37tfww7v7erpy14i"},{name:"est573afhw1cg83xlxe6ogvi"}];
</script>

Script Preparation code:

/* these functions assume that only one element matches, so they do not loop! */

function deleteBySplice (array, name) {
  var index = array.findIndex(element => element.name = name);
  if (index !== -1) {
  	array.splice( index, 1 );
  }
}

function deleteByFilter (array, name) {
  array = array.filter(element => element !== name);
}

Tests:

Delete by Splice
deleteBySplice( array, "7d9nkqdcq9c65jhwdfp5fp3nmi" ); deleteBySplice( array, "m1c6kzws0iubt8g0zlsug14i" ); deleteBySplice( array, "est573afhw1cg83xlxe6ogvi" ); deleteBySplice( array, "doesnotexist" );
Delete by Filter
deleteByFilter( array, "7d9nkqdcq9c65jhwdfp5fp3nmi" ); deleteByFilter( array, "m1c6kzws0iubt8g0zlsug14i" ); deleteByFilter( array, "est573afhw1cg83xlxe6ogvi" ); deleteByFilter( array, "doesnotexist" );

Run results for: Remove by splice + findIndex vs filter

Deletion of an element from an array.

Delete by Splice

Delete by Filter