程序中for和splice同时使用与面向对象封装思想碰撞导致剔除残留问题bug

已于 2022-02-17 11:58:50 修改
阅读量91 收藏
点赞数
分类专栏： # JavaScript # typescript 兔宝百宝箱 文章标签： 算法 封装 javascript typescript
于 2022-02-17 11:47:45 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_24829537/article/details/122979138
版权

splice是一个指定位置删除数组的函数

有一个封装不可见的函数，其中包含了对数组操作的逻辑，而现在要做的事情就是for去应用闭包去实现删除一个可遍历对象逐个元素。

过程是不可见的所以开发者不容易理解其中bug产生的剔除残留问题，所以此时封装思想显现出了其优势背后的弊端，如果遇到一个奇怪的遍历出错总是残留的bug，那么就要考虑是否有splice出现了

事情是这样的，我昨天的背包系统重构基本完工了就差最后一个穿上衣服的时候玩家可以互相看见场景中即时更新的功能，这时候就需要客户端场景类加一个协议处理服务器发来的脱衣服穿衣服消息了，我用了一个更方便的方式那就是玩家在切换衣服的时候直接先把目前穿的衣服全部脱掉然后穿上传来的number[]数组，而在脱掉的程序中就出现了splice函数的应用但是这片区域的代码是之前写的已经忘记了封装的什么内容了，所以我就直接拿来用，这时候符合闭包封装特性，获得的闭包利益但是这也正是其导致这个bug出现的原因。

解决方法很多很简单不列举

让面向对象封装的优势变成劣势，程序实在是太奇妙了~

-千里马-
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
for循环splice的坑
qq_53066188的博客
05-03 522
问题描述：想要删除数组中所有的2. function removeWithoutCopy(arr, item) { for(var i=0;i<arr.length;i++){ if(item === arr[i]){ arr.splice(i,1); } } return arr; } removeWithoutCopy([1, 2, 2, 3, 4, 2, 2],2); 结果： Array(5) [ 1,
数组在for循环中使用splice方法导致索引错乱的问题
MrHZJ的博客
03-29 6676
数组的方法基本简介在开发程序的过程中，我们经常使用数组和它的相关方法。就如追加元素push()方法在首部添加元素的unshift()方法还有删除最后一个元素的方法pop()方法....有很多，我就不一一列举了，其实我觉得不用记的，有一个印象就行，用法这些有印象开发的时候记不住就翻技术手册或者找度娘，我们要始终遵循一条宗旨：开发要把精力全部放在创造上，这些鸡皮蒜事有时候记得很容易混淆，也很杂我这里要...
forEach循环里用if判断，然后根据下标使用splice删除数组元素后，产生下标错乱问题 解决方法
SYXZSs的博客
07-27 2065
本人在forEach循环里使用if判断进行splice删除数组元素，然后根据index生成的序号产生了错乱问题 本人代码如下： ele.index = index + 1， 是根据下标 添加的序号 来看打印效果： 数组第三项还有index下标，第四项就没了 自然序号也就没了 现在问题出现了，那就开始解决 *因为代码写法和后期查询列表问题，不能使用push添加到新数组* 使用 delete 删除法删除后，所有的下标都没了 最后瞎整了半个小时才
for循环splice遇到的坑
风烟
07-24 1587
错误代码 console.log(this.query.length); for (let i = 1; i &lt; this.query.length; i++) { console.log('out', i); console.log(this.query[i]); if (!this.query[i].trim()) { console.l...
不要使用splice进行数组的操作！！
清风问水
06-04 530
最近在给军工项目进行三维开发，对数组操作不可谓之多，最影响效率的数组操作即是splice操作 首先说一下什么是数组的splice 他可以删除数组某几个成员，也可以在任意位置插入或替换成员（替换成员原理是先删除后插入） eg: let arr = [{a: 1},{b:2},{c:3}] arr.splice(1,1) // splice会修改原数组，影响效率原因后面说 // 结果arr：[{a: 1},{c:3}] *********************替代方案*******************
JavaScript中数组slice和splice的对比小结
10-21
相信对很多学习JavaScript语言的人来说，都会经常搞不清slice和splice这两个方法。它们虽然名称相似，但是功能却...所以这篇文章就给大家详细整理了关于JavaScript中数组slice和splice的对比，有需要的可以参考学习。
vue中watch和computed的区别与使用方法
10-14
这意味着，当你在模板中使用一个计算属性时，Vue 会跟踪其依赖关系。只有当依赖的数据发生变化时，Vue 才会重新计算计算属性，并更新对应的视图。这带来了性能优化，因为如果依赖不变，计算属性就会返回之前缓存的...
JavaScript中splice与slice的区别
10-19
`slice()`和`splice()`都是JavaScript的原生数组方法，它们在处理数组时具有不同的功能和用途。理解这两个方法的区别至关重要，尤其是对于初学者。 首先，`slice()`方法主要用于从数组中提取一个子集，并返回一个新...
JS的splice()方法在for循环中使用可能会遇到的坑
热门推荐
林洪炳的日常技术积累
02-15 2万+
因为我的疏忽，在一个for循环中加入了 splice 后，导致了我的H5游戏项目中的众多 NPC 中的某一个 NPC 并没有按预期地移动到相应的位置。最重要的是我还提交到了版本库，与 splice 同时提交了几百行代码，所以不能回退版本只能断点调试到深夜才找到这么小小错误。所以我写了这篇文章来记录一下在 for 循环中使用 splice 时会遇到的小小的容易疏忽的坑。
js中for循环和splice合用
小唯一的博客
12-09 5686
在js中对数组的处理是司空见惯的，现在想要删除数组中三个元素。 for(var i=0;i                                if($scope.macco.items[i].choiceflag==1){                                     $scope.macco.items.splice(i--, 1);
使用splice函数对数组中的元素进行删除for循环和for...in的区别
zlxtqbdhgq的博客
01-05 1518
var arr = new Array(); arr[0] = '1'; arr[1] = '2'; arr[2] = '3'; arr[3] = '3; arr[4] = 5'; for(var i=0; i 注意：如果用for(i in arr)的话，后面的一个元素始终会跳过去 var arr = new Array(); arr[0] = '1'; arr[1
splice()方法在for循环中的bug
长歌的博客
09-10 2651
splice() 方法向/从数组中添加/删除项目，然后返回被删除的项目，该方法会改变原始数组。所以在删除数组某项中，通常是我的优先选择，例如： var arr=[1,2,3,3,4,5,6,3]; arr.splice(2,1); console.log(arr); 输出结果： 然而，如果将其放在for循环中，如何呢？请看下面代码 var arr=[1,2,3,3,4,5,6,3]...
vue中，js使用splice的坑，踩坑，踩坑，踩坑。
helei1314的博客
03-27 2059
前言 使用v-for循环时候，利用下标index作为唯一值，大坑啊 一、关于使用splice删除导致的问题 1.页面元素 2.打印元素 3.问题结论 arr.splice(index,1)，删除数组里面元素，原数组发生了变化，里面值发生了变化，导致数组里面最后一个对象，里面双向绑定的值，为空了 二、解决方案 就是将:key=“index” 改为循环对象的唯一值，比如:key=“id” 总结 谨以此文，记录我项目中实践过的坑，谢谢大家观看。 ...
js splice坑_关于splice()的那些坑
weixin_28909289的博客
01-17 981
slice()是js中的切片方法，从数组中删除某些元素，单次使用没有什么问题，但如果涉及到在list中删除多个元素，坑就来了平时我们遍历数组时是这样的for(var i = 0 ; i < needAddListWithAuth.length ; i++){如果你调用needAddListWithAuth.splice(i,1)删除第i个元素，那么此时， needAddListWithAut...
JavaScript splice() 方法 可以删除数组中的某个值
qq_27361945的博客
05-08 2179
http://www.w3school.com.cn/jsref/jsref_splice.aspif (tcarr.indexOf((this).id) === -1) { tcarr.push((this).id); $(this).css("background","#99CCFF");//.siblings().css("background","#ffffff"); ...
剑指offer.40.数组中只出现1次的数字
qq_43249684的博客
09-14 130
剑指offer.40.数组中只出现1次的数字 题目描述 一个整型数组里除了两个数字之外，其他的数字都出现了两次。请写程序找出这两个只出现一次的数字。 代码实现 //num1,num2分别为长度为1的数组。传出参数 //将num1[0],num2[0]设置为返回结果 public class Solution { public void FindNumsAppearOnce(int [] array,int num1[] , int num2[]) { int mask = 0;
js 使用splice所出的问题
像梦巧清的博客
12-13 1338
我们经常会使用splice删除数组中的某个或者多个元素（不包括添加元素），删除一个元素时不会出现任何的问题，然而 当我们要删除多个元素时，这时问题就出现了 ，你会发现 明明是要删除 第n个元，结果却删除了其他的元素。 出现原因：当第一次删除某个元素时，原数组已经发生了变化，当再次删除第n个的时候，其实此n非彼n；所以出现这样的问题也就不足为奇了； 解决办法： 可以使用Array.filter方...
力扣416 分割等和子集 Java版本
最新发布
m0_47066863的博客
06-14 460
然后就可以考虑用0-1背包的思路来解决这个问题，这里元素的值就是当前元素的价值和重量，背包的容量就是子集元素和的一半，最终需要确定这个背包里是否能够正好装进价值为子集和一半的时候。请你判断是否可以将这个数组分割成两个子集，使得两个子集的元素和相等。找出两个子集，让这两个子集的和相等可以转化思路为：找到一个子集，这个子集的和是子集中所有元素和的一半。解释：数组可以分割成 [1, 5, 5] 和 [11]。输入：nums = [1,5,11,5]输入：nums = [1,2,3,5]
vue中forEach与splice连用删除元素出现的bug
02-14
在使用 Vue 中的 forEach 和 splice 连用删除元素时，可能会出现 bug。这是因为 forEach 是遍历数组的方法，而 splice 是对数组进行修改的方法，因此，当使用 splice 删除数组中的元素时，它会改变数组的长度，进而...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值