栏目分类:
子分类:
返回
名师互学网用户登录
快速导航关闭
当前搜索
当前分类
子分类
实用工具
热门搜索
名师互学网 > IT > 面试经验 > 面试问答

使用JavaScript从数组中删除对象

面试问答 更新时间: 发布时间: IT归档 最新发布 模块sitemap 名妆网 法律咨询 聚返吧 英语巴士网 伯小乐 网商动力

使用JavaScript从数组中删除对象

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

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

如果要删除position处的元素

x
,请使用:

someArray.splice(x, 1);

要么

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

您可以使用

Array.filter
Array.splice
结合使用
Array.findIndex
参见MDN从数组中删除一个或多个元素,例如

// non destructive filter > noJohn = John removed, but someArray will not changelet 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 firstlet 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>


转载请注明:文章转载自 www.mshxw.com
本文地址:https://www.mshxw.com/it/400585.html
我们一直用心在做
关于我们 文章归档 网站地图 联系我们

版权所有 (c)2021-2022 MSHXW.COM

ICP备案号:晋ICP备2021003244-6号