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

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

摘要生成于 C知道 ，由 DeepSeek-R1 满血版支持， 前往体验 >

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 1615
JavaScript最全面试题
JavaScript基础题目(附答案)
weixin_44902117的博客
08-19 1879
JavaScript基础题目及其对应的做法.本文是以题目的形式运用js知识点解决问题来提升对js知识点的理解,格式为 题目;方法;原因;缺点(如果方法有缺点的话);实现代码;
js中对Array进行遍历
兰星_thk&try的博客
04-22 2740
文章目录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 330
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 206
【代码】JS-对象Array遍历。
JavaScript之遍历数组
浪子四方
03-16 4193
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 3442
遍历数组的相关方法 .forEach(回调函数)方法 遍历数组所有元素 会改变原数组 回调函数（数组元素值,元素下标,数组本身） .map()方法 对数组进行一定回调函数的映射 生产一个新的数组 回调函数（数组元素值,元素下标,数组本身） .reduce()方法(从左向右) .reduceRight()方法(从右向左) 和map类似，都是遍历， 不过返回的是一个值 回调函数（初始值/前一次回调的返回值，数组元素值,元素下标,数组本身） 第二个参数为初始值 可用于求数组元素总和这类叠加性的操作 .filte
JavaScript进阶
m0_75079074的博客
05-25 306
S初学者经常花很多时间才能习惯变量提升，还经常出现一些意想不到的bug，正因为如此，ES6 引入了块级作用域，用let或者const声明变量，让代码写法更加规范和人性化。比如我们创建了佩奇的对象，继续创建乔治的对象还需要重新写一遍，此时可以通过构造函数来快速创建多个类似的对象。JavaScript 中的作用域是程序被执行时的底层机制，了解这一机制有助于规范代码书写习惯，避免因作用域导致的语法错误。知道函数参数默认值、动态参数、剩余参数的使用细节，提升函数应用的灵活度，知道箭头函数的语法及与普通函数的差异。
用 JavaScript 和 HTML 制作一个计算器
pydby01的博客
12-17 4448
引言 这是一篇很棒的文章，在这里你可以学习如何从零做出一款计算器。我们希望你使用 JavaScript 开发并且思考怎么构建一款计算器, 如何编写代码，以及最后，如何整理自己的代码。 在这篇文章结束，你会得到一款和 iPhone 计算器功能一样的计算器（除了 +/- 和百分比功能外）。 前置条件 在你开始本节课程前，请确保你对 JavaScript 有一个不错的了解。最起码，你需要知道以下事情： If/else 分支 For 循环 JavaScript 函数 箭头函数 &am...
JavaScript学习笔记-B站动力节点
m0_52041525的博客
02-19 1823
文章目录1.1.什么是JavaScript，有什么用？1.2.HTML，CSS，JavaSript三者关系2.在HTML中怎么嵌入JavaScript代码？3.4.5.6.7.8.9.10.11.12.13.14.15. 1.1.什么是JavaScript，有什么用？ JavaScript是运行在浏览器上的脚本语言。简称JS。 JavaScript是网景公司（NetScape）的 布兰登艾奇（JavaScript之父）开发的，最初叫做LiveScript。 LiveScript的出现让浏览器更加的生动
JS数组遍历方式
VFrank
09-22 597
JS 数组遍历方法 filter() 方法创建一个新数组, 其包含通过所提供函数实现的测试的所有元素。 var words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present']; const result = words.filter(word =&gt; word.length &gt; 6);...
JS 遍历数组 （ 11 种方法 ）
大剑师兰特的GIS世界
04-24 4972
JavaScript中遍历数组的有哪些方法呢？ 下面列出11种方法，包括语法、注意事项、示例代码等。
JS中常用的6种数组遍历方法：forEach、map、filter、reduce、some、every
zjjcchina的博客
06-26 1515
在前端开发当中，我们通常要对后端返回的数据进行一些处理再渲染到页面，而其中常用的就是数组的不同遍历方法，因此熟练掌握这些方法是非常有必要的，而对于初学者来说，这些方法不太容易理解也容易被混淆，今天我们就通过本篇教会大家区别数组的forEach，map，filter，reduce，some，every这6种遍历方法。（2）map方法会返回新的数组，在处理元素为引用数据类型的数组时可以通过数据的拷贝不修改原数组（拷贝的方法我们会在下回和大家做专门的讲解），并且可以结合其他方法执行更多层的操作；
JS几种数组遍历方式总结
热门推荐
宁静致远
03-14 24万+
JS数组遍历的几种方式JS数组遍历，基本就是for,forin,foreach,forof,map等等一些方法，以下介绍几种本文分析用到的数组遍历方式以及进行性能分析对比第一种:普通for循环代码如下:for(j = 0; j &lt; arr.length; j++) { } 简要说明: 最简单的一种，也是使用频率最高的一种，虽然性能不弱，但仍有优化空间第二种:优化版for循环代码如下...
js数组遍历和对象遍历
hahahhahahahha123456的博客
08-11 4830
针对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 1518
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 2417
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 351
1.forEach(),遍历数组的每个元素 let arrFor = ['muzi','digbig','muzidigbig','lucky'] //forEach(),遍历数组的每个元素 arrFor.forEach((item,index) => { console.log(`${index}---${item}`) }) 2.ma...
JavaScript 遍历数组的几种方式
追寻心的步伐
01-22 1262
F12打开控制台，选择console标签页，鼠标滑过测试域，自动调用showArray方法 遍历数组。为了方便测试，我画了个文本域，鼠标滑过自动调用showArray方法遍历数组。注意：此循环不能用来迭代我们自己创建的js对象。因为我们自己的创建的对象底层没有迭代器。如果只有一个参数，则括号括号省略。中，匿名函数可以省略为箭头函数。//forEach 箭头函数版。括号内的数字是数组的长度。如果是单值集合，那么这个。如果是键值对，那么这个。
如何遍历array并在遍历中修改array中某些元素
04-26
您好！我是ChitGPT。要遍历并在遍历中修改数组中的某些元素，您可以使用循环来遍历数组，并在循环体中添加代码来修改需要修改的元素。以下是一个示例代码： ``` for (int i = 0; i < array.length; i++) { if (array[i] % 2 == 0) { // 如果元素是偶数，将其加1 array[i] += 1; } } ``` 在上面的示例中，我们使用 for 循环遍历数组中的所有元素。如果元素是偶数，我们将其加1。您可以根据需要修改循环体中的代码来修改数组中的元素。希望这能帮助您！
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值