ลบ Object จาก Array โดยใช้ JavaScript

ฉันจะลบวัตถุออกจากอาร์เรย์ได้อย่างไร ฉันต้องการที่จะลบวัตถุที่มีชื่อจากKristian someArrayตัวอย่างเช่น:

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

ฉันต้องการบรรลุ:

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

คุณสามารถใช้หลายวิธีในการลบรายการออกจาก Array:

//1
someArray.shift(); // first element removed
//2
someArray = someArray.slice(1); // first element removed
//3
someArray.splice(0, 1); // first element removed
//4
someArray.pop(); // last element removed
//5
someArray = someArray.slice(0, a.length - 1); // last element removed
//6
someArray.length = someArray.length - 1; // last element removed

หากคุณต้องการลบองค์ประกอบที่ตำแหน่งxให้ใช้:

someArray.splice(x, 1);

หรือ

someArray = someArray.slice(0, x).concat(someArray.slice(-x));

ตอบกลับความคิดเห็นของ@ chill182 : คุณสามารถลบองค์ประกอบหนึ่งรายการหรือมากกว่าจากอาร์เรย์ที่ใช้Array.filterหรือArray.spliceรวมกับArray.findIndex(ดูMDN ) เช่น

// non destructive filter > noJohn = John removed, but someArray will not change
let someArray = getArray();
let noJohn = someArray.filter( el => el.name !== "John" ); 
log("non destructive filter > noJohn = ", format(noJohn));
log(`**someArray.length ${someArray.length}`);

// destructive filter/reassign John removed > someArray2 =
let someArray2 = getArray();
someArray2 = someArray2.filter( el => el.name !== "John" );
log("", "destructive filter/reassign John removed > someArray2 =", 
  format(someArray2));
log(`**someArray2.length ${someArray2.length}`);

// destructive splice /w findIndex Brian remains > someArray3 =
let someArray3 = getArray();
someArray3.splice(someArray3.findIndex(v => v.name === "Kristian"), 1);
someArray3.splice(someArray3.findIndex(v => v.name === "John"), 1);
log("", "destructive splice /w findIndex Brian remains > someArray3 =", 
  format(someArray3));
log(`**someArray3.length ${someArray3.length}`);

// Note: if you're not sure about the contents of your array, 
// you should check the results of findIndex first
let someArray4 = getArray();
const indx = someArray4.findIndex(v => v.name === "Michael");
someArray4.splice(indx, indx >= 0 ? 1 : 0);
log("", "check findIndex result first > someArray4 (nothing is removed) > ",
  format(someArray4));
log(`**someArray4.length (should still be 3) ${someArray4.length}`);

function format(obj) {
  return JSON.stringify(obj, null, " ");
}

function log(...txt) {
  document.querySelector("pre").textContent += `${txt.join("\n")}\n`
}

function getArray() {
  return [ {name: "Kristian", lines: "2,5,10"},
           {name: "John", lines: "1,19,26,96"},
           {name: "Brian", lines: "3,9,62,36"} ];
}

<pre>
**Results**

</pre>

ฉันขอแนะนำให้ใช้ lodash.js หรือsugar.jsสำหรับงานทั่วไปเช่นนี้:

// lodash.js
someArray = _.reject(someArray, function(el) { return el.Name === "Kristian"; });

// sugar.js
someArray.remove(function(el) { return el.Name === "Kristian"; });

ในโครงการส่วนใหญ่การมีชุดวิธีการช่วยเหลือที่จัดเตรียมโดยไลบรารีเช่นนี้ค่อนข้างมีประโยชน์

วิธีแก้ปัญหาที่สะอาดจะใช้Array.filter:

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

ปัญหาเกี่ยวกับสิ่งนี้คือมัน ไม่ทำงานบน IE <9 อย่างไรก็ตามคุณสามารถรวมรหัสจากไลบรารี Javascript (เช่นunderscore.js ) ที่ใช้สิ่งนี้กับเบราว์เซอร์ใด ๆ

แล้วเรื่องนี้ล่ะ

$.each(someArray, function(i){
    if(someArray[i].name === 'Kristian') {
        someArray.splice(i,1);
        return false;
    }
});

"array" ของคุณตามที่แสดงเป็นไวยากรณ์ JavaScript ที่ไม่ถูกต้อง วงเล็บปีกกา{}สำหรับวัตถุที่มีชื่อคุณสมบัติ / คู่ค่า แต่วงเล็บเหลี่ยม[]ใช้สำหรับอาร์เรย์ - ดังนี้:

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

ในกรณีนี้คุณสามารถใช้.splice()วิธีการลบรายการ หากต้องการลบรายการแรก (ดัชนี 0) ให้พูดว่า:

someArray.splice(0,1);

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

หากคุณไม่รู้จักดัชนี แต่ต้องการค้นหาในอาร์เรย์เพื่อค้นหารายการที่มีชื่อ "Kristian" เพื่อลบคุณสามารถทำได้:

for (var i =0; i < someArray.length; i++)
   if (someArray[i].name === "Kristian") {
      someArray.splice(i,1);
      break;
   }

แก้ไข: ฉันเพิ่งสังเกตเห็นว่าคำถามของคุณถูกแท็กด้วย "jQuery" ดังนั้นคุณสามารถลองใช้$.grep()วิธีการ :

someArray = $.grep(someArray,
                   function(o,i) { return o.name === "Kristian"; },
                   true);

ES2015

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

someArray = someArray.filter(person => person.name != 'John');

มันจะลบJohn !

คุณสามารถใช้ 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')

ฉันได้ทำฟังก์ชั่นแบบไดนามิกใช้วัตถุ Array, Key และค่าและส่งกลับอาร์เรย์เดียวกันหลังจากลบวัตถุที่ต้องการ:

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"));

นี่คือฟังก์ชั่นที่เหมาะกับฉัน:

function removeFromArray(array, value) {
    var idx = array.indexOf(value);
    if (idx !== -1) {
        array.splice(idx, 1);
    }
    return array;
}

คุณสามารถลองทำสิ่งนี้:

var myArray = [{'name': 'test'}, {'name':'test2'}];
var myObject = {'name': 'test'};
myArray.splice(myArray.indexOf(myObject),1);

someArray = jQuery.grep(someArray , function (value) {
        return value.name != 'Kristian';
});

ใช้ฟังก์ชั่น splice ในอาร์เรย์ ระบุตำแหน่งขององค์ประกอบเริ่มต้นและความยาวของลำดับที่คุณต้องการลบ

someArray.splice(pos, 1);

โหวตให้UndercoreJSเพื่อทำงานง่ายๆกับอาร์เรย์

_.without ()ฟังก์ชั่นช่วยในการลบองค์ประกอบ:

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

ด้วยฟังก์ชั่นลูกศร ES 6

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)

ทางออกที่ง่ายที่สุดคือการสร้างแผนที่ที่จัดเก็บดัชนีสำหรับแต่ละวัตถุตามชื่อดังนี้

//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 );

แม้ว่านี่อาจจะไม่เหมาะสมสำหรับสถานการณ์นี้ฉันรู้ว่าวันอื่น ๆ ที่คุณสามารถใช้deleteคำหลักเพื่อลบรายการออกจากอาเรย์ถ้าคุณไม่จำเป็นต้องเปลี่ยนขนาดของอาเรย์

var myArray = [1,2,3];

delete myArray[1];

console.log(myArray[1]); //undefined

console.log(myArray.length); //3 - doesn't actually shrink the array down

คำตอบนี้

for (var i =0; i < someArray.length; i++)
   if (someArray[i].name === "Kristian") {
      someArray.splice(i,1);
   }

ไม่ทำงานสำหรับหลายระเบียนตามเงื่อนไข หากคุณมีระเบียนที่ต่อเนื่องกันสองรายการระบบจะลบเฉพาะระเบียนแรกเท่านั้นและอีกระเบียนหนึ่งจะถูกข้ามไป คุณต้องใช้:

for (var i = someArray.length - 1; i>= 0; i--)
   ...

แทน .

ดูเหมือนว่ามีข้อผิดพลาดในไวยากรณ์อาร์เรย์ของคุณดังนั้นสมมติว่าคุณหมายถึงอาร์เรย์ซึ่งตรงข้ามกับวัตถุArray.spliceเป็นเพื่อนของคุณที่นี่:

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

คุณสามารถใช้ฟังก์ชั่นแผนที่ได้

someArray = [{name:"Kristian", lines:"2,5,10"},{name:"John",lines:"1,19,26,96"}];
newArray=[];
someArray.map(function(obj, index){
    if(obj.name !== "Kristian"){
       newArray.push(obj);
    }
});
someArray = newArray;
console.log(someArray);

คุณสามารถใช้some:

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

someArray.some(item => { 
    if(item.name === "Kristian") // Case sensitive, will only remove first instance
        someArray.splice(someArray.indexOf(item),1) 
})

นี่คือสิ่งที่ฉันใช้

Array.prototype.delete = function(pos){
    this[pos] = undefined;
    var len = this.length - 1;
    for(var a = pos;a < this.length - 1;a++){
      this[a] = this[a+1];
    }
    this.pop();
  }

งั้นมันก็ง่ายเหมือนคำพูด

var myArray = [1,2,3,4,5,6,7,8,9];
myArray.delete(3);

แทนที่หมายเลขใด ๆ แทนสาม หลังจากผลลัพธ์ที่คาดหวังควรเป็น:

console.log(myArray); //Expected output 1,2,3,5,6,7,8,9

หากคุณต้องการลบการเกิดขึ้นทั้งหมดของวัตถุที่กำหนด (ขึ้นอยู่กับเงื่อนไขบางอย่าง) จากนั้นใช้วิธีการประกบกันจาวาสคริปต์ภายในสำหรับวง

เนื่องจากการลบวัตถุจะมีผลต่อความยาวของอาร์เรย์ตรวจสอบให้แน่ใจว่าได้ลดจำนวนตัวนับหนึ่งขั้นเพื่อให้การตรวจสอบความยาวยังคงไม่เปลี่ยนแปลง

var objArr=[{Name:"Alex", Age:62},
  {Name:"Robert", Age:18},
  {Name:"Prince", Age:28},
  {Name:"Cesar", Age:38},
  {Name:"Sam", Age:42},
  {Name:"David", Age:52}
];

for(var i = 0;i < objArr.length; i ++)
{
  if(objArr[i].Age > 20)
  {
    objArr.splice(i, 1);
    i--;  //re-adjust the counter.
  }
}

ข้อมูลโค้ดด้านบนจะลบวัตถุทั้งหมดที่มีอายุมากกว่า 20 ปี

ใช้ฟังก์ชั่น splice () ของ javascript

สิ่งนี้อาจช่วยได้: http://www.w3schools.com/jsref/jsref_splice.asp

splice (i, 1) โดยที่ i คือดัชนีที่เพิ่มขึ้นของอาร์เรย์จะลบวัตถุ แต่อย่าลืมว่า splice จะรีเซ็ตความยาวของอาร์เรย์ด้วยดังนั้นโปรดระวัง 'undefined' ใช้ตัวอย่างของคุณถ้าคุณลบ 'Kristian' จากนั้นในการดำเนินการครั้งต่อไปภายในลูปฉันจะเป็น 2 แต่อาร์เรย์บางอันจะมีความยาว 1 ดังนั้นหากคุณพยายามลบ "John" คุณจะได้รับข้อผิดพลาด "undefined" . ทางออกหนึ่งสำหรับสิ่งนี้แม้ว่าจะไม่ได้สวยงามก็คือการแยกตัวนับเพื่อติดตามดัชนีขององค์ประกอบที่จะถูกลบออก

ส่งคืนเฉพาะวัตถุจากอาร์เรย์ที่มีคุณสมบัติnameไม่ใช่ "Kristian"

var noKristianArray = $.grep(someArray, function (el) { return el.name!= "Kristian"; });

 var someArray = [
                {name:"Kristian", lines:"2,5,10"},
                {name:"John", lines:"1,19,26,96"},
                {name:"Kristian", lines:"2,58,160"},
                {name:"Felix", lines:"1,19,26,96"}
                ];
			 
var noKristianArray = $.grep(someArray, function (el) { return el.name!= "Kristian"; });

console.log(noKristianArray);

<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>

แนวคิดนี้ใช้ Kendo Grid

var grid = $("#addNewAllergies").data("kendoGrid");

var selectedItem = SelectedCheckBoxList;

for (var i = 0; i < selectedItem.length; i++) {
    if(selectedItem[i].boolKendoValue==true)
    {
        selectedItem.length= 0;
    }
}

ฉันเดาว่าคำตอบนั้นแยกออกและผูกปมกันมาก

คุณสามารถใช้พา ธ ต่อไปนี้เพื่อลบอาเรย์ออบเจ็กต์ที่ตรงกับวัตถุที่กำหนดในศัพท์แสงจาวาสคริปต์สมัยใหม่

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: object) {
  const found = this.coordinates.find((obj) => obj === obj);
  if (found) {
    this.coordinates.splice(found, 1);
  }
}

this.removeCoordinate(coordinate);

หากคุณต้องการเข้าถึงและลบวัตถุของอาร์เรย์คุณสามารถลองสิ่งนี้

// inside some function

let someArray = [ {"ColumnName" : "a", "PropertySerno" : 100005,"UpdateType" : 1},
                  {"ColumnName" : "b", "PropertySerno" : 100202,"UpdateType" : 1,
        "ShowRemoveButton" : true} ];
        
        for (let item of someArray) {
          delete item.ShowRemoveButton;
        }
        console.log(item.outputMappingData.Data);
        
//output will be like that = [ {"ColumnName" : "a", "PropertySerno" : 100005,"UpdateType" : 1},
//                             {"ColumnName" : "b", "PropertySerno" : 100202,"UpdateType" : 1 }];