JS遍历Array， 元素为邮箱时的bug

最新推荐文章于 2024-08-01 04:29:38 发布
最新推荐文章于 2024-08-01 04:29:38 发布
阅读量100 收藏
点赞数
分类专栏： Javascript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/tmaccs/article/details/119188089
版权
本文探讨了在JavaScript中遍历数组时遇到的一个意外情况，即使用`for...in`循环时出现额外的键'S'。代码示例展示了问题的细节，并指出使用`forEach`方法可以避免此类问题。对于需要遍历数组并处理每个元素的场景，推荐使用迭代器方法以确保正确性和效率。
摘要由CSDN通过智能技术生成 
arr = ["123@123.com"]
for(let i in arr){
    console.log(i);
    console.log(arr[i]);
}

此代码在浏览器的console中测试：
输出为：

0
123@123.com
S

多了一个key: S， 和一个value: 打印不出来的字符串。

在这里插入图片描述

修改为foreach, 使用正常

敬致知
关注
专栏目录
JavaScript最全面试题
qq_60976312的博客
06-10 1515
JavaScript最全面试题
2024前端面试题！（附答案及解析）（2024.10月最新版）
热门推荐
这世上从不缺让人上头的新鲜感，能顾及你情绪的人实属难得。
03-27 17万+
2024前端面试题！面试宝典！总结心得！（附答案及解析）会持续更新哦！（2024.10月最新版）感谢支持，你们的鼓励是我的动力！
js中对Array进行遍历
兰星_thk&try的博客
04-22 2714
文章目录1 问题2 方式一3 方式二（传统）4 心得 1 问题 记录一下使用for循环 主要是通过of 会更加简洁 2 方式一 let names = ['a','b','c']; for(let item of names){ console.log(item); } 3 方式二（传统） let names = ['a','b','c']; for(let i; i < names.length; i++){ console.log(names[i]); } 4 心得 还有很多其它写法，
jvascript 数组去重
qq_36529240的博客
10-24 301
js 数组去重 声明一个数组 var arr = [1,2,3,2,2,1,3,4,2,5]; 一、方法一 //去除数组中重复的数字 //获取数组中的每一个元素 for(var i=0 ; i<arr.length ; i++){ //console.log(arr[i]); /*获取当前元素后的所有元素*/ for(var j=i+1 ; j<arr.length ; j++){ //console.log("---->"+arr[j]); //判断两个元
JS-对象Array遍历
最新发布
jierui1234的博客
08-01 165
【代码】JS-对象Array遍历。
JavaScript之遍历数组
浪子四方
03-16 4164
for遍历 var arr = [1, 2, 3, 4]; for (var i = 0; i &lt; arr.length; i++) { console.log(arr[i]); } forEach遍历 var arr = [1, 2, 3, 4]; arr.forEach(function(val, index) { console.log(val, index)...
js 遍历 Array 数组的方法
海胆的博客
06-22 3394
遍历数组的相关方法 .forEach(回调函数)方法 遍历数组所有元素 会改变原数组 回调函数（数组元素值,元素下标,数组本身） .map()方法 对数组进行一定回调函数的映射 生产一个新的数组 回调函数（数组元素值,元素下标,数组本身） .reduce()方法(从左向右) .reduceRight()方法(从右向左) 和map类似，都是遍历， 不过返回的是一个值 回调函数（初始值/前一次回调的返回值，数组元素值,元素下标,数组本身） 第二个参数为初始值 可用于求数组元素总和这类叠加性的操作 .filte
JavaScript基础题目(附答案)
weixin_44902117的博客
08-19 1799
JavaScript基础题目及其对应的做法.本文是以题目的形式运用js知识点解决问题来提升对js知识点的理解,格式为 题目;方法;原因;缺点(如果方法有缺点的话);实现代码;
JavaScript笔记
shine_my的博客
03-13 3361
JavaScript笔记
JavaScript进阶
m0_75079074的博客
05-25 265
S初学者经常花很多时间才能习惯变量提升，还经常出现一些意想不到的bug，正因为如此，ES6 引入了块级作用域，用let或者const声明变量，让代码写法更加规范和人性化。比如我们创建了佩奇的对象，继续创建乔治的对象还需要重新写一遍，此时可以通过构造函数来快速创建多个类似的对象。JavaScript 中的作用域是程序被执行时的底层机制，了解这一机制有助于规范代码书写习惯，避免因作用域导致的语法错误。知道函数参数默认值、动态参数、剩余参数的使用细节，提升函数应用的灵活度，知道箭头函数的语法及与普通函数的差异。
JS数组遍历方式
VFrank
09-22 564
JS 数组遍历方法 filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。 var words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present']; const result = words.filter(word =&gt; word.length &gt; 6);...
JS中常用的6种数组遍历方法：forEach、map、filter、reduce、some、every
zjjcchina的博客
06-26 1337
在前端开发当中，我们通常要对后端返回的数据进行一些处理再渲染到页面，而其中常用的就是数组的不同遍历方法，因此熟练掌握这些方法是非常有必要的，而对于初学者来说，这些方法不太容易理解也容易被混淆，今天我们就通过本篇教会大家区别数组的forEach，map，filter，reduce，some，every这6种遍历方法。（2）map方法会返回新的数组，在处理元素为引用数据类型的数组时可以通过数据的拷贝不修改原数组（拷贝的方法我们会在下回和大家做专门的讲解），并且可以结合其他方法执行更多层的操作；
js数组遍历和对象遍历
hahahhahahahha123456的博客
08-11 4804
针对js各种遍历作一个总结分析，从类型用处：分数组遍历和对象遍历；还有性能，优缺点等。 JS数组遍历： 1，普通for循环，经常用的数组遍历 var arr = [1,2,0,3,9]; for ( var i = 0; i &lt;arr.length; i++){ console.log(arr[i]); } 2，优化版for循环:使用变量，将长度缓存起来，避免重复获取长度...
Js遍历数组总结
WindrunnerMax
03-28 1491
Js遍历数组总结 遍历数组的主要方法为for、forEach、map、for in、for of for var arr = [1,2,3,4,5]; var n = arr.length; // 直接取长度，避免每次循环都读取arr对象的属性 for(let i=0; i<n; ++i ){ console.log(arr[i]); } // 1 2 3 4 5 //循环体也可以...
js中Array对象的常用遍历方法
yhyha1111的博客
03-20 2244
js中Array对象的常用遍历方法 1.for循环 常用的循环工具，经常用于数组的循环遍历 在这里插入代码片 let arr1=[1,2,3,4,5] for(let i=0;i<arr1.length;i++) console.log(arr1[i]
js---Array对象的常用遍历方法
muzidigbig的博客
12-14 328
1.forEach(),遍历数组的每个元素 let arrFor = ['muzi','digbig','muzidigbig','lucky'] //forEach(),遍历数组的每个元素 arrFor.forEach((item,index) => { console.log(`${index}---${item}`) }) 2.ma...
JavaScript 遍历数组的几种方式
追寻心的步伐
01-22 1133
F12打开控制台，选择console标签页，鼠标滑过测试域，自动调用showArray方法 遍历数组。为了方便测试，我画了个文本域，鼠标滑过自动调用showArray方法遍历数组。注意：此循环不能用来迭代我们自己创建的js对象。因为我们自己的创建的对象底层没有迭代器。如果只有一个参数，则括号括号省略。中，匿名函数可以省略为箭头函数。//forEach 箭头函数版。括号内的数字是数组的长度。如果是单值集合，那么这个。如果是键值对，那么这个。
JavaScript（Array）循环遍历的四种方法
sssssnmmm的博客
07-28 2280
of能使用break、continue和return语句中断，而forEach不能使用break、continue语句跳出循环。1、for、for…of、forEach这三种遍历方法不能遍历对象，可以使用for…4、forEach(value,index,array)不能同时遍历多个集合，在遍历的时候无法修改和删除集合数据。缺点：不适合处理原有的原生对象（原生对象是一个子集，包含一些在运动过程中动态创建的对象）。in遍历的是数组的索引（键名），for…优点：可以遍历数组的索引（键名），遍历对象简洁方便；
如何遍历array并在遍历中修改array中某些元素
04-26
要遍历并在遍历中修改数组中的某些元素，您可以使用循环来遍历数组，并在循环体中添加代码来修改需要修改的元素。以下是一个示例代码： ``` for (int i = 0; i < array.length; i++) { if (array[i] % 2 == 0) { /...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值