性能

今天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的示例结果

我想答案是非常分支和复杂的。

可以使用下面的路径删除与现代JavaScript术语中给出的对象相匹配的数组对象。

coordinates = [
    { lat: 36.779098444109145, lng: 34.57202827508546 },
    { lat: 36.778754712956506, lng: 34.56898128564454 },
    { lat: 36.777414146732426, lng: 34.57179224069215 }
];

coordinate = { lat: 36.779098444109145, lng: 34.57202827508546 };

removeCoordinate(coordinate: Coordinate): Coordinate {
    const found = this.coordinates.find((coordinate) => coordinate == coordinate);
    if (found) {
      this.coordinates.splice(found, 1);
    }
    return coordinate;
  }

具有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)

如果你在数组中的对象上没有任何你知道的属性(或者可能是唯一的)，但是你有一个你想要删除的对象的引用，你可以执行下面unregisterObject方法中的操作:

let registeredObjects = []; function registerObject(someObject) { registeredObjects.push(someObject); } function unregisterObject(someObject) { registeredObjects = registeredObjects.filter(obj => obj !== someObject); } let myObject1 = {hidden: "someValue1"}; // Let's pretend we don't know the hidden attribute let myObject2 = {hidden: "someValue2"}; registerObject(myObject1); registerObject(myObject2); console.log(`There are ${registeredObjects.length} objects registered. They are: ${JSON.stringify(registeredObjects)}`); unregisterObject(myObject1); console.log(`There are ${registeredObjects.length} objects registered. They are: ${JSON.stringify(registeredObjects)}`);

我做了一个动态函数，以对象数组，键和值，并返回相同的数组后删除所需的对象:

function removeFunction (myObjects,prop,valu)
        {
             return myObjects.filter(function (val) {
              return val[prop] !== valu;
          });

        }

完整示例:DEMO

var obj = {
            "results": [
              {
                  "id": "460",
                  "name": "Widget 1",
                  "loc": "Shed"
              }, {
                  "id": "461",
                  "name": "Widget 2",
                  "loc": "Kitchen"
              }, {
                  "id": "462",
                  "name": "Widget 3",
                  "loc": "bath"
              }
            ]
            };


        function removeFunction (myObjects,prop,valu)
        {
             return myObjects.filter(function (val) {
              return val[prop] !== valu;
          });

        }


console.log(removeFunction(obj.results,"id","460"));

你可以使用array.filter()。

如。

        someArray = [{name:"Kristian", lines:"2,5,10"},
                     {name:"John", lines:"1,19,26,96"}];

        someArray = someArray.filter(function(returnableObjects){
               return returnableObjects.name !== 'Kristian';
        });

        //someArray will now be = [{name:"John", lines:"1,19,26,96"}];

箭头功能:

someArray = someArray.filter(x => x.name !== 'Kristian')