删除数组指定的元素splice和filter

删除数组指定的元素的两个方法splice和filter

方法--splice

该方法每次删除的符合条件的个数,取决于后面的参数,下述示例中参数为1,也就是删除数组中value为b的元素,删除数量为1.

复制代码
let value = 'b',
    arr = ['a','b','c','d']

arr.splice(arr.indexOf(value), 1) // ['b']
// arr => ['a','c','d']

方法---filter

该方法一次性删除所有满足条件的数组元素

复制代码
var arr = ['a','b','c','d'],
    value = 'b'
 
arr = arr.filter(item => item != value)
// arr => ['a','c','d']

笔者在小程序中测试,代码如下

小程序wxml端:

复制代码
<button type="primary" bind:tap="splice">数组删除练习</button>

小程序js端代码:

复制代码
// pages/array_del/array_del.js
Page({

   data: {
    array:['a','b','a','b','d','c','e','d']
  },
//数组删除指定元素

splice(){
  console.log(this.data.array.indexOf('d'))
    if(this.data.array.indexOf('d')==-1){//判断数组中是否还有满足条件的元素
      return;
    }
  this.data.array.splice(this.data.array.indexOf('d'),1)
  console.log(this.data.array)
}
})
相关推荐
Asort10 小时前
JavaScript设计模式(九)——装饰器模式 (Decorator)
前端·javascript·设计模式
接着奏乐接着舞。10 小时前
3D地球可视化教程 - 第3篇:地球动画与相机控制
前端·vue.js·3d·threejs
小小前端_我自坚强10 小时前
2025WebAssembly详解
前端·设计模式·前端框架
用户14125016652710 小时前
一文搞懂 Vue 3 核心原理:从响应式到编译的深度解析
前端
正在走向自律10 小时前
RSA加密从原理到实践:Java后端与Vue前端全栈案例解析
java·前端·vue.js·密钥管理·rsa加密·密钥对·aes+rsa
我是天龙_绍10 小时前
Lodash 库在前端开发中的重要地位与实用函数实现
前端
LuckySusu10 小时前
【vue篇】Vue 数组响应式揭秘:如何让 push 也能更新视图?
前端·vue.js
LuckySusu10 小时前
【vue篇】Vue 性能优化神器:keep-alive 深度解析与实战指南
前端·vue.js
LuckySusu10 小时前
【vue篇】Vue 核心机制揭秘:为什么组件的 data 必须是函数?
前端·vue.js
LuckySusu10 小时前
【vue篇】Vue 响应式陷阱:动态添加对象属性为何不更新?如何破解?
前端·vue.js