javascript Array遍历 for..in  和 for 的区别

最新推荐文章于 2023-09-27 11:22:37 发布
最新推荐文章于 2023-09-27 11:22:37 发布
阅读量217 收藏
点赞数
分类专栏： javascript 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/reddown/article/details/81503206
版权

大家都知道在JavaScript中提供了两种方式迭代对象： 
for 循环； 
for..in循环；
使用for循环进行迭代数组对象，但是，使用for.. in循环时，绝对存在坑！


javascript提供了一种特殊的循环（也就是for .. in循环），用来迭代对象的属性或数组的每个元素，for...in循环中的循环计数器是字符串，而不是数字。它包含当前属性的名称或当前数组元素的索引。 

 

结论：对数组的遍历请使用for循环，因为你永远不知道哪个外部js通过proptype扩展了Array数组

刀刃的刃
关注
专栏目录
JavaScript 扩展 Array 原型导致 for in 语法问题
互关互助互赞，共同进步
10-28 1万+
在对 Array 原型进行扩展之后，使用如下语法，会多出来额外的成员： data = [1, 2, 3]; for (var key in data) console.log ("key= " + key + ", value = " + data [key]); 解决方法也很简单，避免对 Array 对象使用这种语法即可。 推荐一种替代方案： for (var i = 0, j = data; i < j.length; i++) console.log ("key = " + i .
javascript for...in 遍历 array
kgojiwong的博客
07-05 622
JavaScript for…in 遍历 Array 时， 数组的索引以 string 类型输出。
javascript当中for in Array用法
mark_to_win的专栏
03-18 254
11）for in Array例 3.11.1<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"><html><head> <title></title> &lt...
JavaScript Array使用 for...in 声明来循环输出数组中的元素。
weixin_30702887的博客
01-13 180
编辑您的代码： <html> <body> <script type="text/javascript"> var x var mycars = new Array() mycars[0] = "Saab" mycars[1] = "Volvo" mycars[2] = "BMW" for (x in mycars) { docum...
JavaScript For...In 使用方法
10-30
JavaScript For...In 声明是一种遍历数组或对象属性的方法，它允许开发者对数组或对象的属性进行循环操作。For...In 声明的语法为：for (变量 in 对象) { 在此执行代码 }，其中变量用来指定变量，指定的变量可以是...
javascript数组遍历for与for in区别详解
10-25
在JavaScript中，数组遍历是常见的操作，有多种方法可以实现，其中最常用的两种是`for`循环和`for...in`循环。然而，这两者之间存在显著的区别，理解这些差异对于编写健壮的JavaScript代码至关重要。 首先，我们来...
讲解JavaScript中for...in语句的使用方法
10-24
JavaScript中的for...in语句是一种专门用来遍历对象属性的循环结构。在JavaScript编程中，对象可以看作是一个属性集合，通常包括方法和数据。而for...in循环提供了一种方便的方式来访问这些属性。 在介绍for...in...
JS数组的遍历方式for循环与for...in
10-25
在本节中，我们将详细探讨两种常用的数组遍历方法：传统的for循环和for...in循环。 首先，传统的for循环是最常用的数组遍历方式之一。它按照指定的起始条件、结束条件以及迭代步长来遍历数组。在JavaScript中，for...
JS数据类型【数组 for....in、for...of、for、forEach】
qq_52731478的博客
05-04 817
forEach与map区别：map返回新数组，不改变原数组的每个值；将伪数组转换为新的真实数组并返回（可以说是浅拷贝出来一个同内容的真实数组出来），不改变原数组。arr.unshift(元素) 将元素插入到数组arr的开头，改变原数组。arr.push(元素) 将元素添加到数组arr的末尾，改变原数组。arr.shift(元素) 删除数组arr的第一个元素，改变原数组。arr.pop() 删除数组arr的最后一个元素，改变原数组。改变原数组，返回值为被删除的元素所形成的数组。
Array对象for...in循环
Alice
09-12 280
JavaScript中Array也是对象，而它的每个元素的索引被视为对象的属性，因此，for ... in循环可以直接循环出Array的索引： var a = ['A', 'B', 'C']; for (var i in a) { console.log(i); // '0', '1', '2' console.log(a[i]); // 'A', 'B', 'C' } //...
诚之和:JavaScript Array.forEach() 教程——如何遍历数组中的元素
weixin_45378258的博客
08-26 286
在 JavaScript 中，您经常需要遍历数组集合并为每次迭代执行回调方法。JS 开发人员通常会使用一种有用的方法来执行此操作：forEach()方法。 该forEach()方法为它在数组内迭代的每个元素调用一次指定的回调函数。就像其他数组迭代器如map和filter一样，回调函数可以接受三个参数： 当前元素：这是当前正在迭代的数组中的项目。 它的索引：这是该项目在数组中的索引位置 目标数组：这是正在迭代的数组 该forEach方法不会像filter,map和等其他迭代器那样返回新数组sort。相
JavaScript的数组 （array / arr）操作
qq_45799465的博客
01-29 4012
数组的定义 字面量语法形式 var 变量 = [ 数据1 , 数据2 , 数据3 .... ]; 在[]中定义数组存储的数据单元，数据单元可以是一个可以是多个，多个数据单元之间用逗号隔开，数组中可以存储所有JavaScript支持的数据结构。 构造函数定义形式 var 变量 = new Array() ; 代码展示： <script> // 字面量语法形式 var arr = ["你好",1,"北京","上海",{name:"张三"}]..
jvascript 数组去重
qq_36529240的博客
10-24 290
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]); //判断两个元
JavaScript内置对象 - Array数组几种循环方式
最新发布
觉醒法师的专栏
09-27 771
在JavaScript中，有几种方法可以循环遍历数组。for循环、for...in循环、for...of循环、forEach()方法、map()方法、filter()方法、reduce()方法
Javascript 和vue使用for in 遍历array，取值和类型差异
yuxuan89814的专栏
03-07 594
javascript 的for in循环遍历array,索引取值类型是string,而不是number. vue中v-for遍历array取值是元素，而非索引。
Array循环for、for in、for of、forEach各间优劣
泡泡机不冒泡了
02-01 386
JavaScript中有多种循环Array的方式，你是否常常分不清他们的细微差别，和适用场景。本文将详细梳理各间的优缺点，整理成表以便对比。 循环 可访问element 可访问index 可迭代property 支持中断 支持await 支持任意位置开始 for √ √ × √ √ √ for in √ × √ √ √ × forEach √ √ × × × × for of √ √ × √ √ × 示例地址 for （ES1) 这个循环方式历史悠久，从ECMAScript
JavaScript（Array）循环遍历的四种方法
sssssnmmm的博客
07-28 2232
of能使用break、continue和return语句中断，而forEach不能使用break、continue语句跳出循环。1、for、for…of、forEach这三种遍历方法不能遍历对象，可以使用for…4、forEach(value,index,array)不能同时遍历多个集合，在遍历的时候无法修改和删除集合数据。缺点：不适合处理原有的原生对象（原生对象是一个子集，包含一些在运动过程中动态创建的对象）。in遍历的是数组的索引（键名），for…优点：可以遍历数组的索引（键名），遍历对象简洁方便；
JavaScript遍历技巧解析：for与for...in
总结，JavaScript提供了多种遍历数据结构的手段，如for循环、for...in循环和`Array.prototype.forEach()`等。开发者应根据具体需求选择合适的遍历方式，并注意循环控制语句的使用，以实现高效、清晰的代码逻辑。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值