IT数码 购物 网址 头条 软件 日历 阅读 图书馆
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
图片批量下载器
↓批量下载图片,美女图库↓
图片自动播放器
↓图片自动播放器↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁
 
   -> JavaScript知识库 -> JS中splice()方法在for循环中踩坑记录 -> 正文阅读

[JavaScript知识库]JS中splice()方法在for循环中踩坑记录

JavaScript(JS)中splice()在for循环踩坑

事情起因,在做力扣(leetCode)355.两个数组的交集 ||这个题目时,使用splice()方法得到的结果和预期值不一样。

我的思路是:

  1. 两个for循环遍历两个数组,
  2. 如果数组1某项的值和数组2某项的值相等,使用push()方法把相等的值放到新数组中,
  3. 然后使用splice()方法把数组1中值和数组2中值相等的项删掉,最后返回结果。

但是但是但是,返回的结果和预期不一样。

var intersect = function(nums1, nums2) {
var arr=[];
    for(let i=0;i<nums1.length;i++){
        for(let j=0;j<nums2.length;j++){
               if(nums1[i]==nums2[j]){
                    arr.push(nums1[i]);
                    nums1.splice(i,1);
                    nums2.splice(j,1);
                   console.log(nums1,'nums1');//期望结果[5],nums1中除去和num2相同的值,最后值应该是[5]           }
        }
    }
    return arr;
}
var test=intersect([4,9,5],[9,4,9,8,4]);
console.log(test);//但是最后结果是[9,5],说明少循环了一次

由于想了一半天,感觉代码思路没有问题,我就想会不会是循环的问题,把数组1的打印出来,还真的是这个原因, console.log(nums1,'nums1')结果是[9,5],期望结果应该是[5]。

总结了一下,问题是slice()方法,删除数组中某一项的时候,直接改变的就是原数组,这个值被删掉以后,删除的值后面的值就会向前移动一位,后一位值的索引就变成删掉值的索引,而对于for循环来说,这个索引已经循环过了,而后一位值也会被跳过循环。

最后的解决方法就是,如果在for循环中使用splice()方法时,加上i=i-1,这样for循环就会多循环一次。

var intersect = function(nums1, nums2) {
var arr=[];
    for(let i=0;i<nums1.length;i++){
        for(let j=0;j<nums2.length;j++){
               if(nums1[i]==nums2[j]){
                    arr.push(nums1[i]);
                    nums1.splice(i,1);
                    nums2.splice(j,1);
                    i=i-1;
                   console.log(nums1,'nums1'); 
                }
        }
    }
    return arr;
}
var test=intersect([4,9,5],[9,4,9,8,4]);
console.log(test);

另外还用一种解决方法就是直接从后向前遍历,这个问题就可以直接避免。

var intersect = function(nums1, nums2) {
var arr=[];
    for(let i=nums1.length-1;i>=0;i--){
        for(let j=nums2.length-1;j>=0;j--){
               if(nums1[i]==nums2[j]){
                    arr.push(nums2[j]); 
                    nums1.splice(i,1);
                    nums2.splice(j,1);
                }
        }
    }
    return arr;
}

文章末尾感叹一下,还是太菜😭😭😭,就这么一个小问题,困扰我一大半天,但是想要成为一个优秀的程序员👨🏻?💻,就一直调试总结吧!!!

  JavaScript知识库 最新文章
ES6的相关知识点
react 函数式组件 & react其他一些总结
Vue基础超详细
前端JS也可以连点成线(Vue中运用 AntVG6)
Vue事件处理的基本使用
Vue后台项目的记录 (一)
前后端分离vue跨域,devServer配置proxy代理
TypeScript
初识vuex
vue项目安装包指令收集
上一篇文章      下一篇文章      查看所有文章
加:2022-03-08 22:20:01  更:2022-03-08 22:23:20 
 
开发: C++知识库 Java知识库 JavaScript Python PHP知识库 人工智能 区块链 大数据 移动开发 嵌入式 开发工具 数据结构与算法 开发测试 游戏开发 网络协议 系统运维
教程: HTML教程 CSS教程 JavaScript教程 Go语言教程 JQuery教程 VUE教程 VUE3教程 Bootstrap教程 SQL数据库教程 C语言教程 C++教程 Java教程 Python教程 Python3教程 C#教程
数码: 电脑 笔记本 显卡 显示器 固态硬盘 硬盘 耳机 手机 iphone vivo oppo 小米 华为 单反 装机 图拉丁

360图书馆 购物 三丰科技 阅读网 日历 万年历 2024年11日历 -2024/11/24 10:00:17-

图片自动播放器
↓图片自动播放器↓
TxT小说阅读器
↓语音阅读,小说下载,古典文学↓
一键清除垃圾
↓轻轻一点,清除系统垃圾↓
图片批量下载器
↓批量下载图片,美女图库↓
  网站联系: qq:121756557 email:121756557@qq.com  IT数码