删除数组指定的元素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)
}
})
相关推荐
工业甲酰苯胺4 小时前
TypeScript枚举类型应用:前后端状态码映射的最简方案
javascript·typescript·状态模式
brzhang4 小时前
我操,终于有人把 AI 大佬们 PUA 程序员的套路给讲明白了!
前端·后端·架构
止观止4 小时前
React虚拟DOM的进化之路
前端·react.js·前端框架·reactjs·react
goms4 小时前
前端项目集成lint-staged
前端·vue·lint-staged
谢尔登4 小时前
【React Natve】NetworkError 和 TouchableOpacity 组件
前端·react.js·前端框架
Lin Hsüeh-ch'in5 小时前
如何彻底禁用 Chrome 自动更新
前端·chrome
augenstern4166 小时前
HTML面试题
前端·html
张可6 小时前
一个KMP/CMP项目的组织结构和集成方式
android·前端·kotlin
G等你下课7 小时前
React 路由懒加载入门:提升首屏性能的第一步
前端·react.js·前端框架
谢尔登8 小时前
【React Native】ScrollView 和 FlatList 组件
javascript·react native·react.js