删除数组指定的元素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)
}
})
相关推荐
昔人'25 分钟前
css使用 :where() 来简化大型 CSS 选择器列表
前端·css
昔人'27 分钟前
css `dorp-shadow`
前端·css
流***陌35 分钟前
扭蛋机 Roll 福利房小程序前端功能设计:融合趣味互动与福利适配
前端·小程序
可触的未来,发芽的智生44 分钟前
新奇特:黑猫警长的纳米世界,忆阻器与神经网络的智慧
javascript·人工智能·python·神经网络·架构
烛阴1 小时前
用 Python 揭秘 IP 地址背后的地理位置和信息
前端·python
前端开发爱好者1 小时前
尤雨溪官宣:"新玩具" 比 Prettier 快 45 倍!
前端·javascript·vue.js
why技术1 小时前
从18w到1600w播放量,我的一点思考。
java·前端·后端
欧阳呀2 小时前
Vue+element ui导入组件封装——超级优雅版
前端·javascript·vue.js·elementui
清风徐来QCQ2 小时前
css总结
前端
天***88963 小时前
js封装一个双精度算法实现
开发语言·前端·javascript