js数组数量和for不匹配发生的错误

最新推荐文章于 2026-07-15 09:37:59 发布
原创 最新推荐文章于 2026-07-15 09:37:59 发布 · 221 阅读 · 0 ·
本内容遵循CC 4.0 BY-SA版权协议
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
收录于
web前端学习

当前文章被收录于：

web前端学习
2 篇文章 0 人学习

为了激励自己学习，把学习的知识点安自己理解总结出来

订阅专栏 查看详情
在执行JavaScript代码时遇到了'Uncaught TypeError: Cannot set property ‘className’ of undefined'的错误。问题源于将querySelector误写为querySelectorAll，导致只获取到第一个section元素。在clear函数中遍历时，由于没有正确选取所有section，尝试设置不存在的className属性，从而引发错误。解决方案是修正查询选择器以获取所有section元素。

在这里插入图片描述
index.js:37 Uncaught TypeError: Cannot set property ‘className’ of undefined
at Tab.clear (index.js:37)
at HTMLLIElement.taggleList (index.js:24)
写代码的时候发生了这个错误

代码如下
在这里插入图片描述
发现原来是获取section的时候queryselectorAll写成了queryselector,只获取了第一个section,然后到了clear那里，循环3次，匹配的时候就出现了错误，而且queryselector或取的不是数组，因为没有section[i]这个元素，所以不能设置这个classname这个属性。

标签
#javascript
JavaScript数组查找四大方法选型指南：includes、indexOf、find与findIndex深度对比
weixin_30752699的博客
06-21 391
JavaScript数组查找是前端开发中最基础也最易出错的操作之一，其核心涉及存在性判断、索引定位、元素提取与条件匹配四大技术维度。理解`includes`的SameValueZero语义、`indexOf`的严格相等与C++底层实现、`find`/`findIndex`的回调驱动与惰性执行机制，是规避NaN误判、对象引用失败、性能雪崩等高频问题的关键。这些方法并非语法糖，而是V8引擎深度优化的工程产物，在电商搜索、实时消息过滤、金融数据处理等真实场景中直接影响响应速度与逻辑正确性。本文聚焦于四者的能力边界
Ubuntu安装opencv4.5（自己安装过程详细）
weixin_45629790的博客
01-27 1万+
1.下载opencv 在opencv官网下载source版，下载链接 http://opencv.org/releases.html。别下载错版本 下载过程就不多说了。 2.安装过程 2.1解压 unzip opencv-4.5.0.zip cd opencv-4.5.0 2.2安装依赖的库 sudo apt-get install cmake sudo apt-get install build-essential libgtk2.0-dev libavcodec-dev libavformat-
js获取对象、数组的实际长度,元素实际个数的实现代码
10-22
下面小编就为大家带来一篇js获取对象、数组的实际长度,元素实际个数的实现代码。小编觉得挺不错的，现在就分享 给大家，也给大家做个参考。一起跟随小编过来看看吧
CMOS 半加器和全加器&&数字集成电路&& Cadence Virtuoso
热门推荐
计科小学生的博客
11-21 1万+
数字集成电路——半加器和全加器
IE浏览器在Javascript处理数组对象时出现数组个数不正确
zxygww的专栏
08-12 1841
现象： 定义如下Javascript数组对象： var countryList = [ { id:"AR",name:"Argentina" }, { id:"AU",name:"Australia" }, { id:"AT",name:"Austria" }, ]; //注意：数组最后一个对象后面有一个,逗号。 alert(countryList.length); 当使用IE浏
js中使用forEach所遇到的坑
qq_62734881的博客
10-13 668
js中使用forEach所遇到的坑
js之数组打印看到长度和实际长度不同（浅拷贝）
见贤思齐焉，见不贤内自省
11-11 4836
引用数据类型（复杂数据类型会存在深浅拷贝） 不知道的可以先看看概念----------js之深浅拷贝 最近有个大哥哥突然提出了一个问题，具体问题如下。 var arr = [3, 4]; console.log(arr); arr.push(5); console.log(arr); 这两个打印的结果应该是什么，还联想到了变量提升，不过这和变量提升并没有什么关系，斩钉截铁的说了出来，第一个[3,4],第二个[3,4,5]，打印出来的结果，表面上看是没问题的，但是点开却发现了问题。 点开后： 发现第一
js数组长度获取问题？
相对静止
04-22 1894
var test=new Array(); test['test1']=1; test['test2']=2; test[2]=3; test.length //输出3 首先 test['test1']=1; 和 test['test2']=2; 都是属性，可以通过test.test1 这样来取值。 但是 test[2]=3; test.length 为什么是 3 而不是 1
深度剖析：如何解决Node.js中mysqld_stmt_execute参数错误
ts977的博客
07-04 1141
在Node.js后端开发中，使用mysql2等数据库驱动与MySQL/MariaDB交互时，是一个令人头疼的错误。它通常意味着你传递给SQL预处理语句的参数数量与SQL字符串中问号（?）占位符的数量不匹配。然而，当日志显示两者数量完全一致时，这个错误就变得异常棘手。本文将深入探讨我们如何一步步排查并最终解决这个看似“不可能”的错误。
不一样的JavaScript（4）——函数参数
haitaohe的专栏
09-10 3785
1. 在Javascript中，如果函数申明时的参数个数和函数调用时的参数个数不相等，并不会引起语法错误。 1.1 如果函数声明时的参数个数多于函数调用时的参数个数，在调用时没有设置的参数会被自动设为undefined。 function divide(num1, num2) { if (num2 == undefined) { num2 = 2; }
Voyeur.js错误处理与调试：解决DOM操作中的常见问题
最新发布
gitblog_00563的博客
07-15 640
Voyeur.js是一个轻量级（仅1.2kb）的JavaScript库，它重新定义了DOM遍历和操作的方式。作为一款创新的DOM操作工具，Voyeur.js让开发者能够以更直观、更简洁的方式处理网页元素。然而，在实际使用过程中，开发者可能会遇到各种错误和调试挑战。本文将为您提供完整的Voyeur.js错误处理与调试指南，帮助您快速解决DOM操作中的常见问题。🚀 ## 为什么需要Voyeur.j
正则匹配替换数据 js及php
V__1ctor的博客
04-07 707
js 常用相关函数 str.match({正则}) 仅匹配，返回匹配结果：匹配的内容（数组）或者 null 单次匹配 （正则表达式末尾没有g） 要循环处理匹配结果，可以通过while（….！= null）{…}正则表达式中有多余括号的情况下，可以把括号里面的内容额外匹配出来…，这种情况仅适用于单次匹配， 多次匹配结果不会发生改变 没有括号 有括号 ...
【JS语法纠错实现全攻略】：掌握5大核心技巧，轻松定位并修复代码错误
ProceShoal的博客
10-12 1000
掌握JS语法纠错实现方法，快速定位并修复常见代码错误。涵盖浏览器调试、ESLint配置、代码格式化等5大核心技巧，适用于前端开发与团队协作场景，提升代码质量与维护效率，值得收藏。
js中的各类报错意思
sanlyshi's front-end road
03-08 1181
1. RangeError 当数字超出允许的值范围时，将抛出此错误。 例如， const l = console.log const arr = [90,88] arr.length=9099 我们有一个带有两个元素的arr。接下来，我们尝试使数组包含9099 == 2.9512665430652753e+193元素。 这个数字超出了大小数组可以增长的范围。所以运行时它会抛出RangeError： 因为我们要增加arr数组的数量超出了JS指定的范围。 2. ReferenceError 当对变量/.
vue之v-for的各种使用
water_java的博客
09-19 4121
vue之v-for的各种使用用 v-for 把一个数组对应为一组元素在 v-for 里使用对象维护状态数组更新检测变异方法 (mutation method)替换数组注意事项对象变更检测注意事项显示过滤/排序后的结果在 v-for 里使用值范围在 上使用 v-forv-for 与 v-if 一同使用在组件上使用 v-for 用 v-for 把一个数组对应为一组元素 我们可以用 v-for 指令基...
关于js search函数用法()不匹配/没有检索到指定的子字符串中包含有括号的问题
Seven71111的博客
01-25 1404
js 的search() 方法用于检索字符串中指定的子字符串，或检索与正则表达式相匹配的子字符串。 stringObject.search(regexp) 返回值 stringObject 中第一个与 regexp 相匹配的子串的起始位置。 注释：如果没有找到任何匹配的子串，则返回 -1。 问题：关于js search函数用法()不匹配/没有检索到指定的子字符串中包含有括号 测试字符串 t-万克士(ValueMax)木头直柄麻花钻头 如图 解决办法： 用 indexOf...
JS for循环 循环次数异常
News777的博客
07-05 636
错误原因 需求：数组满足 原因：虽然变量用const声明，但由于其是一个对象，并不影响对象内属性值的变化，由于不断在，所以它的是在不断变化的，因此循环次数不断减少，的长度并没有达到预期...
关于JS数组循环删除元素出现下标不对的问题
weixin_30699463的博客
10-18 835
问题： 假设有一个数组 arr [a,b,c,d,e] ，想把 c 和 d 从数组删除 解决方法： 循环数组，再用 splice 方法删除 ， 删除c的时候会发数组的下标已经发生改变 ， 所以这个方法要改进一下 。 1，把数组复制。把有效的元素push进新数组 。 2，用逆向循环。 for (var i = arr.length - 1; i >= 0; i--) { ...
js声明数组 js数组如何获取真实对象 js数组处理null值情况 js数组通过下标赋值和push赋值的区别 loopback4的基础使用
念兮为美
03-05 1593
我们在使用js开发时，经常会遇到js数组下标添加对象或者push添加兑现，你知道它们的区别吗？ 如果外循环的值不等于内循环的值，外循环对应的下标指向null，数组长度为外循环数组的长度，由于```array```的下标不是从0开始，而是从相等处开始，即```i=3```，因而，下标为0，1，2的值为null。push的返回数组的长度为，其真实存储的对象只有两个，因为外循环和内循环只有3和4相等。补充loopback4的使用。...
基于Unet 对舌头分割项目【包含数据集、完整代码、训练的结果文件】
本项目数据集：舌头分割【mask中1为舌头 、0为背景】网络仅仅训练了5个epochs，全局像素点的准确度达到0.75，miou为0.60，训练epoch加大的话，性能还会更加优越代码介绍：【参考文章：https://blog.csdn.net/qq_44886601/article/details/136047740】【训练】train 脚本会自动训练，代码会自动将数据随机缩放为设定尺寸的0.5-1.5倍之间，实现多尺度训练。为了实现多分割项目，utils中的compute_gray函数会将mask灰度值保存在txt文本，并且自动为unet网络定义输出的channel【介绍】学习率采用cos衰减，训练集和测试集的损失和iou曲线可以在run_results文件内查看，图像由matplotlib库绘制。除此外，还保存了训练日志，最好权重等，在训练日志可以看到每个类别的iou、recall、precision以及全局像素点的准确率等等具体参考README文件
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值