Hapus Objek dari Array menggunakan JavaScript

Bagaimana cara menghapus objek dari array? Saya ingin menghapus objek yang mencakup nama Kristiandari someArray. Sebagai contoh:

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

Saya ingin mencapai:

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

Anda dapat menggunakan beberapa metode untuk menghapus item dari 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

Jika Anda ingin menghapus elemen di posisi x, gunakan:

someArray.splice(x, 1);

Atau

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

Membalas komentar @ chill182 : Anda dapat menghapus satu atau lebih elemen dari array menggunakan Array.filter, atau Array.splicedikombinasikan dengan Array.findIndex(lihat MDN ), mis.

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

Saya sarankan menggunakan lodash.js atau sugar.js untuk tugas-tugas umum seperti ini:

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

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

di sebagian besar proyek, memiliki seperangkat metode pembantu yang disediakan oleh perpustakaan seperti ini cukup berguna.

Solusi bersih adalah menggunakan Array.filter:

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

Masalahnya adalah ini tidak berfungsi pada IE <9. Namun, Anda dapat memasukkan kode dari perpustakaan Javascript (mis. Underscore.js ) yang mengimplementasikan ini untuk browser apa pun.

Bagaimana dengan ini?

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

"Array" Anda seperti yang ditunjukkan adalah sintaks JavaScript yang tidak valid. Kurung keriting {}adalah untuk objek dengan pasangan nama / nilai properti, tetapi kurung siku []adalah untuk array - seperti:

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

Dalam hal ini, Anda dapat menggunakan .splice()metode ini untuk menghapus item. Untuk menghapus item pertama (indeks 0), katakan:

someArray.splice(0,1);

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

Jika Anda tidak tahu indeksnya tetapi ingin mencari melalui larik untuk menemukan item dengan nama "Kristian" untuk dihapus, Anda dapat melakukannya:

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

EDIT: Saya baru saja melihat pertanyaan Anda ditandai dengan "jQuery", jadi Anda dapat mencoba $.grep()metode ini :

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

Itu akan menghapus John !

Anda bisa menggunakan array.filter ().

misalnya

        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"}];

Fungsi panah:

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

Saya telah membuat fungsi dinamis mengambil objek Array, Key dan nilai dan mengembalikan array yang sama setelah menghapus objek yang diinginkan:

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

        }

Contoh Lengkap: 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"));

Ini adalah fungsi yang berfungsi untuk saya:

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

Anda juga dapat mencoba melakukan sesuatu seperti ini:

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';
});

Gunakan fungsi sambungan pada array. Tentukan posisi elemen mulai dan panjang berikutnya yang ingin Anda hapus.

someArray.splice(pos, 1);

Pilih UndercoreJS untuk pekerjaan sederhana dengan array.

Fungsi _.without () membantu menghapus elemen:

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

Dengan fungsi panah 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)

Solusi paling sederhana adalah membuat peta yang menyimpan indeks untuk setiap objek dengan nama, seperti ini:

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

Meskipun ini mungkin tidak sesuai untuk situasi ini saya menemukan beberapa hari yang lalu Anda juga dapat menggunakan deletekata kunci untuk menghapus item dari array jika Anda tidak perlu mengubah ukuran array misalnya

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

Jawaban ini

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

tidak berfungsi untuk beberapa catatan yang memenuhi persyaratan. Jika Anda memiliki dua catatan berurutan seperti itu, hanya yang pertama dihapus, dan yang lainnya dilewati. Anda harus menggunakan:

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

sebagai gantinya .

Tampaknya ada kesalahan dalam sintaksis array Anda sehingga dengan asumsi maksud Anda sebuah array sebagai kebalikan dari objek, Array.splice adalah teman Anda di sini:

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

Anda juga dapat menggunakan fungsi peta .

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

Anda juga bisa menggunakan 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) 
})

Inilah yang saya gunakan.

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();
  }

Maka sesederhana seperti mengatakan

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

Ganti nomor apa pun di tempat tiga. Setelah output yang diharapkan seharusnya:

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

Jika Anda ingin menghapus semua kemunculan objek tertentu (berdasarkan kondisi tertentu) maka gunakan metode splice javascript di dalam untuk loop.

Karena menghapus objek akan memengaruhi panjang array, pastikan untuk mengurangi penghitung satu langkah, sehingga pemeriksaan panjang tetap utuh.

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.
  }
}

Cuplikan kode di atas menghapus semua objek dengan usia lebih dari 20.

Gunakan fungsi splice () javascript.

Ini dapat membantu: http://www.w3schools.com/jsref/jsref_splice.asp

splice (i, 1) di mana i adalah indeks inkremental dari array akan menghapus objek. Tapi ingat sambatan juga akan mengatur ulang panjang array jadi hati-hati untuk 'tidak terdefinisi'. Menggunakan contoh Anda, jika Anda menghapus 'Kristian', maka dalam eksekusi berikutnya dalam loop, saya akan menjadi 2 tetapi someArray akan menjadi panjang 1, oleh karena itu jika Anda mencoba untuk menghapus "John" Anda akan mendapatkan kesalahan "tidak ditentukan" . Salah satu solusi untuk ini meskipun tidak elegan adalah memiliki penghitung terpisah untuk melacak indeks elemen yang akan dihapus.

Hanya mengembalikan objek dari array yang propertinya namebukan "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>

Konsep ini menggunakan 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;
    }
}

Saya kira jawabannya sangat bercabang dan diikat.

Anda dapat menggunakan jalur berikut untuk menghapus objek array yang cocok dengan objek yang diberikan dalam jargon JavaScript modern.

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

Jika Anda ingin mengakses dan menghapus objek array, Anda dapat mencoba sesuatu seperti ini.

// 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 }];