使用for…in遍历数组的坑

于 2023-04-16 15:56:06 发布
阅读量362 收藏
点赞数
分类专栏： JavaScript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/rock_23/article/details/130183610
版权

关于for…in遍历数组的坑
for…in是用来循环Object的，但是Array也是继承于Object，所以也能使用for…in遍历出属性，但是会出现几个坑
细节一：
我们遍历出来的属性是String
在这里插入图片描述

细节二：
遍历出来的是枚举属性，包括自身属性以及原型链上的属性
在这里插入图片描述

细节三：遍历顺序是对象属性的枚举顺序，并不一定按数组的下标顺序遍历
for…in的遍历顺序是枚举顺序，对于数组而言，规范并没有约束各浏览器的实现。因此即便在一定范围内是按顺序遍历的，也应该尽量不依赖for…in遍历的顺序。MDN文档也明确指出不建议使用for…in遍历数组，特别是想按照索引遍历的时候：
在这里插入图片描述

此外，因为有稀疏数组的存在，其实JS里的数组不一定是顺序结构存储的。当数组分布较为稀疏，为了充分节约空间，数组可能会退化为像对象一样的哈希表存储结构。
所以for…in适合来遍历对象，而遍历数组还是去用forEach，for…of， for循环等

#做一个清醒的人
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
专栏目录
JavaScript中利用for循环遍历数组
10-20
然而，根据描述和提供的代码示例，这里强烈推荐使用`for`循环来遍历数组，而不是`for...in`循环。 首先，让我们来看看`for`循环遍历数组的基本语法： ```javascript var arr = [3, 5, 2, 6]; for (var i = 0; i ; ...
利用for循环把遍历数组中的元素依次获取出来 数组笔记及基本知识点.pdf
05-20
for循环遍历数组 利用for循环把遍历数组中的元素依次获取出来 数组笔记及基本知识点.pdf 利用for循环把遍历数组中的元素依次获取出来 数组笔记及基本知识点.pdf 利用for循环把遍历数组中的元素依次获取出来 数组笔记...
for-in遍历数组的坑
jenkinz的博客
12-05 9805
for (var index in myArray) { // 千万别这样做 console.log(myArray[index]); }   在这段代码中，赋给index的值不是实际的数字，而是字符串“0”、“1”、“2”，此时很可能在无意之间进行字符串算数计算，例如：“2” + 1 == “21”，这给编码过程带来极大的不便。 作用于数组的for-in循环体除了遍历数组元素外，还...
for-in的坑
Wcharles666的博客
05-06 176
https://blog.csdn.net/wangpenglonton/article/details/79095011
javascript 中 for in 的坑
桃子阿桃
10-09 129
var p; var obj = {x:10, y:20} for(p in obj){ } 用 for in 遍历 obj 对象中的属性, 1. for in 顺序不确定, 具体顺序依赖引擎的实现 所以需要按顺序遍历数组或者对象的属性时, 不要用 for in 2. enumerable 为 false 时不会出现 3. for in对象属性时受原型链影响 ...
for(in)遍历数组
m0_51448480的博客
12-18 9478
for-in遍历数组 语法 for( var in object ){ 执行代码块 } 参数 var：必须指定的一个变量名，可以是数字，也可以是对象的属性 object：将要进行遍历的数组对象名 举例 首先我们先定义一个随机数组 var userinfo=[1,2,3,4,5,6] 接下来我们使用for in循环来遍历数组 for(k in userinfo){ console.log(userinfo[k]) } 注意：循环中（k in userinfo
for...in遍历数组
z . s . j
11-16 581
//for...in用来遍历数组的元素或者是对象的属性  var x;  var cars = new Array();  cars[0] = '夏利';  cars[1] = '奥拓';  cars[2] = '时风';  //如果是数组的话，x变量就是数组的下标，2,数组有几个元素，就循环几次，3,每循环一次就会对数组的元素进行操作  for(x in cars ){   do
解决vuejs 使用value in list 循环遍历数组出现警告的问题
12-29
在使用vuejs遍历数组的时候，使用in语句形式，会有一个警告的提示： 警告很明显说是少了v-bind:key,所以添加一个就ok了,看如下文件： /* eslint-disable */ <li v-for=(value,key,index) v-bind:key=key>//...
C#使用foreach语句简单遍历数组的方法
01-20
本文实例讲述了C#使用foreach语句简单遍历数组的方法。分享给大家供大家参考。具体如下： using System; public class jb51demo { public static void Main() { int sum = 0; int[] nums = new int[10]; // ...
使用for in遍历数组
kongjunchao159的博客
01-23 2302
使用for in遍历对象和数组 使用for in遍历数组的时候，要注意会把原型属性也同样遍历出来，导致错误，如下 var arr = ['k', 'j', 'c']; Array.prototype.name = 'kong'; for(var i in arr){ console.log(i + '--' + arr[i]); } //输出0--k 1--j 2--c name--kong
for in ——遍历数组和对象
CSDNLFF的博客
12-20 1959
遍历数组(关联数组首选for_in)： var arr = [1, 2, 3, 5, 6, 7, 8]; for (var k in arr) { //自定义 k ：代理 数组键（索引） console.log(arr[k]) } 关联数组为自定义的语义化索引，所以for_in遍历方式对关联数组非常友好~ 遍历对象： var obj = { name: "Tom", .
for in 在遍历数组时需要注意的问题
ZFZ5720
04-28 3864
我们知道for in 是用来遍历可枚举属性的，它既可以遍历对象，也可以遍历数组。 遍历对象 var obj = {a:1, b:2, c:3}; for (var prop in obj) { console.log(prop); } 输出 a b c 遍历数组 var arr=[11,22,33,44,55]; for(var i ...
为什么不推荐用for...in遍历数组
web前端开发
11-29 327
来自：https://wintc.top/article/49一、for...in引发的一个报错之前写了一个文章目录生成插件vue-outline，一直用着没出啥问题。但是最近一个网友在...
javascrip for in遍历数组
qq_39040148的博客
08-19 165
今天在写程序时使用了for in遍历数组,发现输出的index并不是Number类型的，而是string类型的，真的是意料之外，这一般情况下不会出现什么问题，但是对于喜欢用 ===的开发人员来说，可能会踩到坑（1==='1'这个是false）。 下面是一个稍微复杂的例子 const arr = ['a','b','c'] const indexMap = {} for (let index in ...
for in 遍历数组或对象注意事项
wanglilong2013的博客
07-18 1137
js中for in 既可以用来遍历数组也可以用来遍历对象 1.for in 在遍历数组的时候，遍历出来的值默认是string类型。 var a=[1,2,3]; for(i in a){     alert(typeof(i));  //尽管是一个数字数组，但还是会打印输出string } 2.for in 遍历对象的时候不一定按章顺序遍历 var a={1:'a',3:'b',
数组的5种遍历（for循环、for...in、for...of、forEach（）、map（）
GJW966288的博客
11-08 7831
数组的5种遍历（for循环、for...in、for...of、forEach（）、map（））
for in 和for of的区别(遍历数组与对象方法的总结)、伪数组
yiyueqinghui的博客
08-09 1296
1、遍历数组的方法 1.1 for(var i=0;i<arr.length;i++){} 1.2 Array.forEach()方法 var arr = ['Tony','July' ] arr.forEach(function(item,index){ console.log(index,item) }) arr.forEach(function(item,index){ console.log(index,item) }) // 0 "Tony" // 1 "July" for
for in数组遍历的坑
dreamcarp的专栏
05-09 5826
前端小白，今天遇到了一个很严重bug。真的很小白！！！我对数组使用了for in遍历，然后for in会遍历到数组的后面添加的原型链属性，并不会遍历到原生原型链上的属性！！！并不是简单地便利数组中的数据。 1.对数组用for in时 Array.prototype.istrue = function(value) {return true;} var a = [1,2];
for in遇到的bug
tao__f的博客
12-04 422
项目场景： 由于ie不兼容getElmentsByClassName获取元素，所以我自己封装该方法： ie支持ID与TagName获取元素 问题描述： 提示：这里描述项目中遇到的问题： for in 遍历数组时split（）报错 // 原因:className获取元素不兼容ie // 兼容所有浏览器的方法只有id 与tagName function getclassName(cls) { let arr = []//用于存储类名的数组
for in遍历数组
最新发布
07-27
然而，使用 for-in 循环遍历数组并不是最佳实践，因为它不仅会遍历数组的元素，还会遍历数组对象的所有可枚举属性。这可能会导致一些意外的行为。更好的选择是使用 for-of 循环，它专门用于遍历数组中的元素。 你...

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值