使用JavaScript从数组中删除对象-问答-阿里云开发者社区-阿里云

开发者社区> 问答> 正文
阿里云
为了无法计算的价值
打开APP
阿里云APP内打开

使用JavaScript从数组中删除对象

2020-01-13 18:46:56 278 1

如何从数组中删除对象?我想删除,其中包括名称的对象Kristian从someArray。例如:

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

我要实现:

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

取消 提交回答
全部回答(1)
  • 保持可爱mmm
    2020-01-13 18:47:47

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

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

    如果要删除position处的元素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});

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

    **Results**
    
    

    问题来源于stack overflow

    0 0
相关问答

1

回答

js怎么把数组存到json对象

2018-05-10 20:00:21 2402浏览量 回答数 1

1

回答

js怎么将两个数组合并

2018-05-10 20:00:25 2012浏览量 回答数 1

1

回答

js数组怎么取值

2018-05-10 20:00:25 2514浏览量 回答数 1

1

回答

js怎么去掉数组前5位

2018-05-10 20:00:26 4279浏览量 回答数 1

1

回答

js怎么给数组添加元素

2018-05-10 20:00:32 1454浏览量 回答数 1

4

回答

怎么用js定义数组

2018-05-10 20:00:34 1685浏览量 回答数 4

1

回答

js对象怎么生成数组

2018-05-10 20:00:34 1395浏览量 回答数 1

1

回答

js数组怎么倒序

2018-05-10 20:00:39 2273浏览量 回答数 1

1

回答

js中怎么创建数组对象数组对象数组对象

2018-05-10 20:00:45 1403浏览量 回答数 1

1

回答

js中的数据处理 数组寻址

2016-07-13 17:23:25 1590浏览量 回答数 1
文章
问答
问答排行榜
最热
最新
相关电子书
更多
Javascript中的对象
立即下载
Javascript中的函数
立即下载
JavaScript 语言在引擎级别的执行过程
立即下载