使用JavaScript从数组中删除对象

如何从数组中删除对象? 我希望从someArray删除包含名称Kristian的对象。 例如:

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

我要实现:

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

#1楼

在数组上使用拼接功能。 指定起始元素的位置和要删除的子序列的长度。

someArray.splice(pos, 1);

#2楼

您可以使用多种方法从数组中删除项目:

//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.filterArray.spliceArray.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}`); 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>

#3楼

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

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

这样做的问题是它不能在IE <9上运行。但是,您可以包括来自Java库的代码(例如underscore.js ),该代码可为任何浏览器实现此功能。


#4楼

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

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

#5楼

所示的“数组”是无效的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);

来源:SEO技术

原文地址:https://www.cnblogs.com/1994jinnan/p/12203324.html

时间: 2024-10-12 15:35:49

使用JavaScript从数组中删除对象的相关文章

转: javascript 从数组中删除指定值(不是指定位置)的元素

例如数组{1,2,3,4,5} 要把数组里面的3删除得到{1,2,4,5} <script type="text/javascript"> Array.prototype.indexOf = function(val) { //prototype 给数组添加属性 for (var i = 0; i < this.length; i++) { //this是指向数组,this.length指的数组类元素的数量 if (this[i] == val) return i;

MongoDB,从数组中删除对象

{ _id: 5150a1199fac0e6910000002, name: 'some name, items: [{ id: 23, name: 'item name 23' },{ id: 24, name: 'item name 24' }] } 删除代码 db.mycollection.update( {'_id': ObjectId("5150a1199fac0e6910000002")}, { $pull: { "items" : { id: 23 }

javascript从数组中删除一个元素

Array.prototype.remove = function(val) { var index = this.indexOf(val); if (index > -1) { this.splice(index, 1); } }; pubArray.remove(pubArray[i]);

20150310-删除数组中原有对象

一.删除数组中原有对象 [self.answerView.subviews makeObjectsPerformSelector:@selector(removeFromSuperview)];

js数组之从数组中删除元素

使用pop()这个函数可以从数组中删除末尾的元素,shift方法可以删除数组中第一个元素.这些都是js中自带的函数,如果不使用这些函数的话,自己写的代码效率会很低的. <html> <head> <title>数组的字符串表示</title> <script type="text/javascript"> function B(){ var names1=["zhangsan1","lisi1&q

js在数组中删除重复的元素自保留一个

js在数组中删除重复的元素自保留一个 第一种思路是:遍历要删除的数组arr, 把元素分别放入另一个数组tmp中,在判断该元素在arr中不存在才允许放入tmp中 用到两个函数:for ...in 和 indexOf() 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 <script type="text/javascript"> var student = ['qiang','ming','tao','li','liang','you','qiang'

arts打卡 从排序数组中删除重复项

Algorithm 从排序数组中删除重复项 给定一个排序数组,你需要在原地删除重复出现的元素,使得每个元素只出现一次,返回移除后数组的新长度. 不要使用额外的数组空间,你必须在原地修改输入数组并在使用 O(1) 额外空间的条件下完成. 示例 1: 给定数组 nums = [1,1,2], 函数应该返回新的长度 2, 并且原数组 nums 的前两个元素被修改为 1, 2. 你不需要考虑数组中超出新长度后面的元素. 示例 2: 给定 nums = [0,0,1,1,1,2,2,3,3,4], 函数应

php数组中删除元素之重新索引

如果要在某个数组中删除一个元素,可以直接用的unset,但今天看到的东西却让我大吃一惊 <?php $arr = array('a','b','c','d'); unset($arr[1]); print_r($arr); ?> print_r($arr) 之后,结果却不是那样的,最终结果是 Array ( [0] => a [2] => c [3] => d ) 那么怎么才能做到缺少的元素会被填补并且数组会被重新索引呢?答案是 array_splice(): <?ph

用 inArray 查找数组中的对象

inArray 是jquery 用来数组查重的函数,很多时候数组中含有对象,直接查找是找不到的,必须转换成 JSON字符串来进行查找. $map 在这里简化了很多代码. var arr = [ {"id" : "1", "description" : "one"}, {"id" : "2", "description" : "two"}, {&qu