小程序开发之删除数组中某个元素

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

原创最新推荐文章于 2024-04-03 19:07:11 发布 · 2.6k 阅读

2 ·

CC 4.0 BY-SA版权

文章标签：

#html #css #html5

这篇博客介绍了在小程序环境中，如何通过JavaScript的splice方法替代remove方法来删除数组内的特定元素。首先，利用findIndex找到目标元素的位置，然后使用splice方法根据索引删除该元素。这种方法适用于需要精确删除数组内指定元素的场景。

因为小程序里面不是用remove这个方法，所以特别提一下。

改用splice这个方法来删除数组中的元素。

因为是要删除数组里面特定元素，所以我们先用findeIndex这个方法查询到指定元素所在集合中的位置。

var removeindex = that.data.likeCollection.findIndex(function(value,index,arr){

return value==id;

})

查到返回位置Index,找不到则返回-1.

之后就简单了。

that.data.likeCollection.splice(removeindex,1)

利用splice()这个方法进行删除即可，后面这个1是删除从removeindex开始的几个数，前包后不包。

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

Howl1234

关注关注

3
点赞
踩
2

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

微信小程序 - 判断对象数组（数组项为对象）中是否存在某个对象，小程序如何判断数组对象Array是否存在某个键值对，判断一个对象数组中是否存在特定对象，小程序js判断对象数组中是否存在某一个对象！

🏆 前端领域优质创作者

10-21

2114

小程序 vue2 | vue3 版本语法都能使用，跟着教程复制代码运行即可。如下图所示，往往我们都是动态添加需求，避免不了需要判断数组对象中是否存在相同项。

在Java中，我们经常需要操作数组，其中一个常见的操作是删除数组中的元素。本文将介绍如何在Java中删除数组元素，并提供相应的源代码和描述。

CyberWizarDD的博客

08-22

836

然后，我们创建一个新的数组newArr，长度比原数组少1。接下来，我们使用一个循环遍历原数组，将不需要删除的元素复制到新数组中。最后，我们返回新数组。然后，我们使用一个循环遍历原数组，将不需要删除的元素添加到list中。接着，我们创建一个新的数组newArr，长度为list的大小，并通过循环将list中的元素复制到newArr中。要删除数组中的元素，我们可以使用两种方法：一种是创建一个新的数组，将要保留的元素复制到新数组中；在Java中，我们经常需要操作数组，其中一个常见的操作是删除数组中的元素。

参与评论您还未登录，请先登录后发表或查看评论

浅谈js数组splice删除某个元素爬坑

01-18

先来看下几个概念： // splice:返回从原始数组中删除的项（如果没有任何删除，则返回空数组） // 当指定2个参数时，表示删除 // 当指定3个参数，且第2个参数为0时表示插入 // 当指定3个参数，且第2个参数为1时表示替换本次就拿删除举例，本身我们想删除数组中的某个指定元素，我们需要知道它所在数组中的下标，我们可以用数组.indexOf获取它所在的下标，然后拿splice删除这个元素。本身是没问题代码如下： var arr = [张三,李四,王五,赵六]; // 删除王五 arr.splice(arr.indexOf(王

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

qq_43201350的博客

09-12

1万+

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"

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

热门推荐

青衫折扇的博客

11-21

1万+

// 删除方法 remove: function(array, val) { for (var i = 0; i < array.length; i++) { if (array[i] == val) { array.splice(i, 1); } } return -1; }, var array = that.data.compressImg; //你的数组数据 var val = that.data.com..

小程序数组操作之删除

05-28

2166

数据的删除在小程序开发的过程中，发现无法直接调用数组的删除方法，所以就自己写了一个，作用是删除数组中某个指定的值。 1 // 删除方法 2 remove: function(array,val){ 3 for (var i = 0; i < array.length; i++) { 4 if (array[i] == val){ 5 ...

微信小程序删除数组指定数据

weixin_42577735的博客

01-13

1973

可以使用 JavaScript 数组的 splice() 方法来删除数组中的指定元素。splice() 方法接受两个参数，第一个参数是要删除元素的索引，第二个参数是要删除的元素个数。例如： let arr = [1, 2, 3, 4, 5]; arr.splice(2, 1); console.log(arr); // [1, 2, 4, 5] ...

【微信小程序】JavaScript 从数组中删除指定值元素的方法封装

Jessieeeeeee的博客

11-18

819

效果 const somearray = ["mon", "tue", "wed", "thur"] removeByValue(somearray, "tue"); //somearray will now have "mon", "wed", "thur" 方法在 src/utils/util.js 中定义函数 removeByValue 进行元素删除： function removeByValue(arr, val) { for (let i = 0; i < arr.length; i

微信小程序的数组添加、wx:for循环、删除、显示与隐藏，可以记录每一件事情

07-20

在微信小程序开发中，数组操作和数据绑定是基础且重要的环节。这个教程将带你了解如何在微信小程序中处理数组，包括向数组添加元素、使用`wx:for`循环展示数据、删除数组中的元素以及控制元素的显示与隐藏。作为一名...

如何删除数组中的某个元素（C/Python/Java/Go/MATLAB）

分享型博主

03-24

1万+

加粗样式根据之前的文章分享《GitHub 2022 的趋势和见解》，可以看到各种开发语言在最近几年的使用人群占权比，个人也感觉Python是特别受欢迎的。下面针对几种语言做了简单介绍，并简单写了下《如何删除数组中的某个元素》的实现逻辑和代码示例，希望对看到人有帮助。C语言优势：C语言是一种底层语言，直接操作计算机内存，具有高效、快速、灵活的特点，可以编写高性能的系统程序、驱动程序、嵌入式系统等。C语言还拥有丰富的库函数和工具链，可以支持跨平台编程和开发大型软件项目。特点：C语言语法简洁，学习难度适中，易

微信小程序之删除数组中的某一个数据

qq_36181045的博客

08-17

7881

代码说明：先用findIndex()找到要删除的数据的下标index，当index!=-1的时候说明数组中存在这个数据，再用splice()来删除数据，splice(index,1)中的1是说只删除该下标对应的数据，如果省略1则会默认删除从index开始往后的所有数据。1.如果你的数组是像这样的a:['1','2']，那就可以考虑直接用lodash的。2.如果你的数组是像这样的a:[{x:1},{x:2}],可以用lodash的。

【微信小程序】使用splice方法删除数组中的某一个元素

川川的博客

02-06

5312

项目中遇到删除列表中某一个item的需求，当使用splice的时候，理解有问题。 let item = that.data.items.splice(0, 1) 这里返回的item是被删除的那一条，不是删除后剩下

删除数组的一条数据

程序媛的博客

03-15

2741

1、纯数组 var arr = [ '111' , '222' , '333' , ' 444' , '555' ]2、删除对象数组里面的，一条符合要求的数据。对比两个数组，删除相同的。

小程序wx:key在数组删除指定元素时的作用

weixin_42041653的博客

08-06

1436

在组件上使用 wx:for 控制属性绑定一个数组，即可使用数组中各项的数据重复渲染该组件。在我的个人经验中，得到了wx:key用法的一些心得； 1、当设的数组不是一个空数组时，要用lists里元素的属性名作为key，如data:{ list: [{ id: “1” }] } 那么 wx:key=“id” 2、是个空对象啊，那么你wx:key="*this" （*this只有在本身是数字或者字符...

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

weixin_54957314的博客

04-03

538

JavaScript删除数组指定元素

微信小程序删除list指定列表项

weixin_45463061的博客

02-13

2873

微信小程序删除list指定列表项

小程序删除分页列表中某条数据

hangGe0111的博客

01-14

2638

1.代码 /** * 删除评论 */ deleteorder:function(e) { //当前这条列表数据所在的页码 var pageindex = e.currentTarget.dataset.pageindex; //当前这条数据所在当前页的第几条 var orderindex = e.currentTarget.dataset.orderindex; //获取当前二维...

小程序实现删除列表某条内容的功能

weixin_47144141的博客

11-16

924

小程序实现删除列表某条内容的功能

微信小程序删除云数据库指定数组中的元素

weixin_35755823的博客

01-11

1138

微信小程序中可以使用 Cloud Firestore 中的 FieldValue.arrayRemove() 方法删除云数据库中指定数组字段中的某些元素。在调用 update() 方法时传入该方法，并指定要删除的元素即可。例如： const db = wx.cloud.database() const _ = db.command db.collection('collectionName')...

微信小程序 数组添加删除元素

最新发布

08-10

在微信小程序中，数组操作是开发过程中常见的需求之一，特别是在处理动态数据时，添加和删除元素的操作尤为频繁。以下是对数组添加和删除元素的实现方法及注意事项的详细说明。 ### 数组添加元素在微信小程序中，添加元素可以通过多种方式实现。其中，常用的方法包括使用 `push()` 方法和 `concat()` 方法。 - 使用 `push()` 方法可以在数组的末尾添加一个或多个元素，并返回新的数组长度。例如： ```javascript let arr = ['a', 'b', 'c']; arr.push('d'); console.log(arr); // ['a', 'b', 'c', 'd'] ``` 该方法会直接修改原数组 [^2]。 - 使用 `concat()` 方法可以将两个或多个数组合并成一个新数组，并返回新数组。该方法不会修改原数组，而是返回一个新的数组。例如： ```javascript let arr = ['a', 'b', 'c']; let newData = ['d']; arr = arr.concat(newData); console.log(arr); // ['a', 'b', 'c', 'd'] ``` 该方法适用于需要保留原数组不变的情况下 [^3]。 ### 数组删除元素在微信小程序中，删除数组元素的常见方法是使用 `splice()` 方法。该方法可以删除数组中的指定元素，并返回被删除的元素。例如，删除数组中索引为 `index` 的元素： ```javascript let arr = ['a', 'b', 'c', 'd']; let index = 1; // 要删除的元素索引 arr.splice(index, 1); console.log(arr); // ['a', 'c', 'd'] ``` 该方法会直接修改原数组 [^2]。 ### 数据一致性维护在进行数组操作时，特别是删除或添加元素后，需要确保数据的一致性。例如，在页面中绑定了数组数据，操作数组后需要通过 `setData()` 方法更新页面数据。例如： ```javascript Page({ data: { list: [{ id: 1, name: '张三' }, { id: 2, name: '李四' }] }, deleteItem(e) { let index = e.currentTarget.dataset.index; let list = this.data.list; list.splice(index, 1); this.setData({ list: list }); } }); ``` 通过 `setData()` 方法更新页面数据，可以确保页面上的数据与逻辑层的数据保持一致 [^4]。 ### 控制元素显示与隐藏在微信小程序中，还可以通过控制数组中的某个属性来实现元素的显示与隐藏。例如，通过修改数组中对象的 `ischeck` 属性来控制元素是否显示： ```javascript Page({ data: { list: [ { id: 1, name: '张三', ischeck: true }, { id: 2, name: '李四' } ] }, toggleCheck(e) { let index = e.currentTarget.dataset.index; let list = this.data.list; list[index].ischeck = !list[index].ischeck; this.setData({ list: list }); } }); ``` 通过修改 `ischeck` 属性的值，可以控制元素的显示状态 [^1]。 ### 示例代码以下是一个完整的示例代码，展示了如何在微信小程序中实现数组的添加和删除操作： ```javascript Page({ data: { list: [ { id: 1, name: '张三' }, { id: 2, name: '李四' } ] }, addItem() { let newItem = { id: this.data.list.length + 1, name: '新用户' }; let list = this.data.list.concat(newItem); this.setData({ list: list }); }, deleteItem(e) { let index = e.currentTarget.dataset.index; let list = this.data.list; list.splice(index, 1); this.setData({ list: list }); } }); ``` ### 总结通过 `push()`、`concat()` 和 `splice()` 等方法，可以在微信小程序中灵活地对数组进行添加和删除操作。同时，通过 `setData()` 方法更新页面数据，可以确保数据的一致性。此外，通过控制数组中对象的属性值，可以实现元素的显示与隐藏功能。