微信小程序——删除数组中指定元素

最新推荐文章于 2024-04-03 19:07:11 发布

dbt@L

最新推荐文章于 2024-04-03 19:07:11 发布

阅读量1.2w

点赞数 12

分类专栏：微信小程序

本文链接：https://blog.youkuaiyun.com/qq_43201350/article/details/108546585

版权

微信小程序专栏收录该内容

124 篇文章

订阅专栏

本文介绍JavaScript中数组方法splice和findIndex的实际应用。splice用于删除数组元素，findIndex则定位符合特定条件的元素索引。通过示例代码展示了如何在小程序中结合使用这两个方法实现动态更新数组数据。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

1、arr.splice(index,howmany)

index：表示从指定的位置上（哪里）删除元素；
howmany：表示应该删除多少个元素，赋值为0就表示不删除元素；

2、arr.findIndex() 当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置;如果没有符合条件的元素返回 -1

示例：

.wxml文件

<view  wx:for="{{productList}}" wx:for-item="item" wx:key="index"  data-id="{{index}}" bindtap="doDel">
<view class="">{{item.aa}}</view>
<view class="">{{item.bb}}</view>
</view>

.js文件

page({
	data: {
	productList: []
},
	doDel: function (e) {
    const that = this
that.data.productList.splice(that.data.productList.findIndex( index => index === e.currentTarget.dataset.id), 1)
    that.setData({
        productList: that.data.productList
    })
    }
})