JavaScript/JS数组删除指定元素

教程分享 > WEB技术 > JavaScript (373) 2024-08-07 11:21:12

方式一 splice法

JavaScript 中的 splice() 方法可用于在数组中添加或删除元素。如果我们需要删除数组中的元素,可以使用 splice() 方法。该方法接受两个参数,第一个参数指定要删除的元素的位置,第二个参数指定要删除的元素个数。例如,我们可以使用以下代码删除数组中的第二个元素:

let myArray = ["apple", "banana", "orange", "grape"];
myArray.splice(1, 1);
console.log(myArray); // ["apple", "orange", "grape"]

删除指定元素那就配合indexOf找到指定元素索引

let myArray = ["apple", "banana", "orange", "grape"];
let index = myArray.indexOf('orange');//可以判断一下元素是否存在    if(index !== -1) XXX
myArray.splice(index,1);

 

方式二 filter法

除了使用 splice() 方法,我们还可以使用 filter() 方法来删除数组中的元素。该方法可用于创建一个新的数组,其中包含符合特定条件的元素。我们可以使用以下代码删除数组中的所有 “banana” 元素:

let myArray = ["apple", "banana", "orange", "grape"];
myArray = myArray.filter(function(item) {
 return item !== "banana"
});
console.log(myArray); // ["apple", "orange", "grape"]

输出结果为:["apple", "orange", "grape"]

ES6的filter()

let myArray = ["apple", "banana", "orange", "grape"];
myArray = myArray.filter(item => item !== "banana");
console.log(myArray); // ["apple", "orange", "grape"]

 

 

https://www.leftso.com/article/2407241523413151.html

相关文章
JavaScript/JS数组清空,删除数组内所有数据。Array=[]与Array.length=0的区别
方式一 spliceJavaScript 中的 splice() 方法可用于在数组中添加或删除元素。如果我们需要删除数组中的元素,可以使用 splice() 方
现有js数组数据如下:let dataArray=[{id:1,name:'张三'},{id:2,name:'李四'}];根据id获取js数组的对象let findId=1; let findO...
JavaScript集合(Array)转树(tree)结构js 原生数组转树形结构 /** * 将list装换成tree * @param {Object} myId 数据主键id * ...
javascript中onclick事件传递对象参数,javascript,javascript传递对象参数
javascript(js)onclick 传递多个字符变量参数<a title="点击下载附件" onclick="downloadFile(\''+row.url+'\',\''+ro...
JavaScript H5原生操作元素class,包括获取元素class值,设置class值修改元素class值操作。示例数据 <head&gtl; <meta cha
前言有时候,我们需要对js的原生对象进行扩展,达到全局使用更方便的效果
jquery插件Viewer.js是一个强大的图片查看工具,Viewer也提供了一个纯js版本的工具,图片查看,Viewer.js,Viewer
js 生成二维码引入qrcode.js该框架基于HTML5原生编写,兼容性较好。支持H5 vue uniapp 微信小程序等。基本使用参考<div id="qrcode"&gtl;<...
这里讲解的是一种通过扩展原生JS的方式进行日期格式化​首先,在需要使用的地方添加以下代码Date.prototype.format = function(fmt) { var o ...
前言在其他编程语言中,我们可以通过划分模块,来组织庞大复杂的项目,而JS一开始并没有模块的概念,因为一开始JS的脚本就很简单。后来随着JS的发展,前端要开发的项
Js也导出Excel,能在前台导出的话,将会大大减轻数据库的压力
​JavaScript 数学小数精确计算<!DOCTYPE html&gtl; <html&gtl; <head&gtl; <title&gtl;</tit...
JavaScript正则加上/去掉cdn域名前缀,文本支持<script&gtl;let $domain="https://static-project.example