为简单的数组工作投票给UndercoreJS。

_.without()函数帮助删除一个元素:

 _.without([1, 2, 1, 0, 3, 1, 4], 0, 1);
    => [2, 3, 4]

性能

今天2021.01.27我在Chrome v88, Safari v13.1.2和Firefox v84上对所选解决方案的MacOs HighSierra 10.13.6进行测试。

结果

对于所有浏览器:

当元素不存在时，最快/最快的解决方案:A和B 快速/最快的大数组解决方案:C 当元素存在时，大数组的快速/最快解决方案:H 对于小数组来说是非常缓慢的解:F和G 对于大数组:D, E和F，非常缓慢的解决方案

细节

我执行4个测试用例:

小数组(10个元素)和元素存在-你可以在这里运行它 小数组(10个元素)和元素不存在-你可以在这里运行它 大数组(百万元素)和元素存在-你可以在这里运行它 大数组(百万元素)和元素不存在-你可以在这里运行它

下面的代码片段展示了解决方案之间的差异 一个 B C D E F G H 我

function A(arr, name) { let idx = arr.findIndex(o => o.name==name); if(idx>=0) arr.splice(idx, 1); return arr; } function B(arr, name) { let idx = arr.findIndex(o => o.name==name); return idx<0 ? arr : arr.slice(0,idx).concat(arr.slice(idx+1,arr.length)); } function C(arr, name) { let idx = arr.findIndex(o => o.name==name); delete arr[idx]; return arr; } function D(arr, name) { return arr.filter(el => el.name != name); } function E(arr, name) { let result = []; arr.forEach(o => o.name==name || result.push(o)); return result; } function F(arr, name) { return _.reject(arr, el => el.name == name); } function G(arr, name) { let o = arr.find(o => o.name==name); return _.without(arr,o); } function H(arr, name) { $.each(arr, function(i){ if(arr[i].name === 'Kristian') { arr.splice(i,1); return false; } }); return arr; } function I(arr, name) { return $.grep(arr,o => o.name!=name); } // Test let test1 = [ {name:"Kristian", lines:"2,5,10"}, {name:"John", lines:"1,19,26,96"}, ]; let test2 = [ {name:"John3", lines:"1,19,26,96"}, {name:"Kristian", lines:"2,5,10"}, {name:"John", lines:"1,19,26,96"}, {name:"Joh2", lines:"1,19,26,96"}, ]; let test3 = [ {name:"John3", lines:"1,19,26,96"}, {name:"John", lines:"1,19,26,96"}, {name:"Joh2", lines:"1,19,26,96"}, ]; console.log(` Test1: original array from question Test2: array with more data Test3: array without element which we want to delete `); [A,B,C,D,E,F,G,H,I].forEach(f=> console.log(` Test1 ${f.name}: ${JSON.stringify(f([...test1],"Kristian"))} Test2 ${f.name}: ${JSON.stringify(f([...test2],"Kristian"))} Test3 ${f.name}: ${JSON.stringify(f([...test3],"Kristian"))} `)); <script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script> <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.20/lodash.min.js" integrity="sha512-90vH1Z83AJY9DmlWa8WkjkV79yfS2n2Oxhsi2dZbIv0nC4E6m5AbH8Nh156kkM7JePmqD6tcZsfad1ueoaovww==" crossorigin="anonymous"> </script> This shippet only presents functions used in performance tests - it not perform tests itself!

这里是chrome的示例结果

最简单的解决方案是创建一个映射，按名称存储每个对象的索引，如下所示:

//adding to array
var newPerson = {name:"Kristian", lines:"2,5,10"}
someMap[ newPerson.name ] = someArray.length;
someArray.push( newPerson );

//deleting from the array
var index = someMap[ 'Kristian' ];
someArray.splice( index, 1 );

干净的解决方案是使用Array.filter:

var filtered = someArray.filter(function(el) { return el.Name != "Kristian"; }); 

问题是它不能在IE < 9上工作。然而，你可以包括来自Javascript库(例如:underscore.js)的代码，为任何浏览器实现这一点。

你可以这样过滤:

const someArray = [{ 名称:“克里斯蒂安”, 行:“2、5、10” }， ｛ 名称:“约翰”, :“96”1,19日,26日 ｝ ]; var filtered = someArray.filter((el) => el.name != "Kristian"); console.log(过滤)

具有es6箭头功能

let someArray = [
                 {name:"Kristian", lines:"2,5,10"},
                 {name:"John", lines:"1,19,26,96"}
                ];
let arrayToRemove={name:"Kristian", lines:"2,5,10"};
someArray=someArray.filter((e)=>e.name !=arrayToRemove.name && e.lines!= arrayToRemove.lines)