for in和for of遍历数组的索引

最新推荐文章于 2024-04-23 10:04:21 发布
最新推荐文章于 2024-04-23 10:04:21 发布
阅读量1.4k 收藏
点赞数
分类专栏： web前端 文章标签： javascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/xutongbao/article/details/116042695
版权

1、for in循环是否可以作用在数组上？循环得到的结果是什么？

2、for of循环是否可以作用在数组上？循环得到的结果是什么？

3、数组的keys()迭代器通过for of循环得到的是什么？与for in循环的区别是什么？

<!DOCTYPE html>
<html lang="en">
<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title></title>
  <script src="https://cdn.bootcdn.net/ajax/libs/vue/3.0.11/vue.global.prod.js"></script>
</head>
<body>
  <div id="app">
  </div>
  <script>
    let colors = ['red', 'green', 'blue']

    for (let key in colors) {
      console.log(key) // '1' '2' '3' (字符串属性)
    }

    for (let key of colors.keys()) {
      console.log(key) //1 2 3   (数字类型的索引)
    }
  </script>
</body>
</html>

 

 

 

 

 

 

 

徐同保
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 打赏
    打赏
  • 0
    评论
专栏目录
js中forEach，for in，for of循环的用法示例小结
11-21
本文实例讲述了js中forEach，for in，for of循环的用法。分享给大家供大家参考，具体如下： 一、一般的遍历数组的方法: var array = [1,2,3,4,5,6,7]; for (var i = 0; i < array.length; i++) { console.log(i,array[i]); } 二、用for in的方遍历数组，得到的是索引 var array = [1,2,3,4,5,6,7]; for(let index in array) { console.log(index,array[index]); }; 三、forEach，得到的
for in 和for of的区别
輕描淡寫的博客
12-26 425
1 遍历数组通常用for循环 ES5的话也可以使用forEach，ES5具有遍历数组功能的还有map、filter、some、every、reduce、reduceRight等，只不过他们的返回结果不一样。但是使用foreach遍历数组的话，使用break不能中断循环，使用return也不能返回到外层函数。 Array.prototype.method=function(){ 　　conso...
js for循环与for in循环的区别
xiaozhen0610的博客
07-16 610
for循环可一遍历数组，而for in循环可以遍历数组和对象 使用for in循环会将Array当成对象遍历，而Array的存取速度明显比Object要快。所以使用for循环遍历数组比for in循环遍历快。 for循环遍历的是索引数组，通过索引来调用，i的返回值是number类型 而for in循环遍历的是关联数组，通过key来调用，i的返回值是string类型 这两者的具体用途 得看你用他的环境是什麽.不能一概而论. 索引数组:仅仅用于存储数据. 优势在于迭代方便 关联数组:用于存放对应的数据格式, .
js 循环 for of 方法 获取数组索引
m0_49661870的博客
11-18 4069
ES6语法 for of 循环 如果要获取数组索引 可以用JSarr.entries()方法 entries()方法包含了数组的键值对 如果要跳出循环 可以用 break 方法 跳出当前循环 let arr = [ { a: 1, b: 1, c: 1 }, { a: 2, b: 2, c: 2 }, { ...
循环遍历语句(for in与for of)
qq_43260366的博客
08-25 1489
of循环可以使用的范围包括数组、伪数组、字符串、Set 和 Map 结构，[1]for in :是用于数组 、对象的遍历循环—返回值：数组：索引；遍历的每个值代表string的每个字符。遍历的每个值是数组元素的下标(索引)遍历的每个值是对象的key值；遍历的每个值代表set数据元素。图片-setArrforof。i 为数组元素下标(索引)遍历的每个值代表数组元素。图片-arrforin。图片-objforin。图片-arrforof。图片-objforof。图片-strforof。...
for of循环获取index索引值，并且修改自身元素
m0_51431448的博客
05-07 7839
for of多数使用场景是这样子的： let arr = [1, 2, 3, 4] for(let item of arr) { console.log(item) } 这样就能拿到里面每一项的值了，但是是拿不到每一项的索引值的，并且也不能对自身元素进行修改，看下例子： let arr = [1, 2, 3, 4] for(let item of arr) { item = item * 10 } console.log(arr) // [ 1, 2, 3, 4 ] 发现并没能修改，如果
for in 循环详解
热门推荐
wfly blog
11-25 11万+
for in循环 for...in 语句以任意顺序遍历一个对象的除 Symbol 以外的可枚举属性。 for...in 循环只遍历可枚举属性。像 Array和 Object 使用内置构造函数所创建的对象都会继承自Object.prototype和String.prototype的不可枚举属性，例如 String 的 indexOf() 方法或 Object的toString()方法。循环将遍......
JS基础：for...in、for...of、forEach(详解)
qq_51066068的博客
08-13 1万+
for in 适用于纯对象的遍历，并且只能输出可枚举属性 forEach适用于需要知道索引值的数组遍历，但是不能中断 for of适用于无需知道索引值的数组遍历，因为可以中断。另外对于其他字符串，类数组，类型数组的迭代，for of也更适用...
在“for”循环中访问索引
kalman2019的博客
12-10 3390
如何在 for 循环中访问索引？期望的输出：
10.在for...of 中取得数组的索引
weixin_51614564的博客
11-15 542
【代码】10.在for...of 中取得数组的索引。
Python中list循环遍历删除数据的正确方法
12-25
for i in range(len(num_list)): if num_list[i] == 2: num_list.pop(i) else: print(num_list[i]) print(num_list) 会报异常：IndexError: list index out of range 原因是在删除list中的元素后，list的实际...
ES6 迭代器(Iterator)和 for.of循环使用方法学习(总结)
11-26
一、什么是迭代器？ 生成器概念在Java，Python等语言中都是具备的，ES6也添加到了JavaScript中。...ES5中遍历集合通常都是 for循环，数组还有 forEach 方法，对象就是 for-in，ES6 中又添加了 Map 和 Set，而迭代器
Vue不能观察到数组length的变化
11-30
由于 JavaScript 的限制，Vue 不能检测以下变动的数组： 当你利用索引直接设置一个项时，例如：vm.items[indexOf...如下代码，虽然看起来数组的length是10，但是for in的时候只能遍历出0, 1, 2，导致了只有前三个索引被
为JS扩展Array.prototype.indexOf引发的问题及解决办法
12-08
Array没有indexOf方法，这样在一个数组中查找某个元素的索引时比较麻烦，为了调用方便，于是通过prototype原型扩展了Array.prototype.indexOf()，这样用起来就比较方便了。但是这个自定义的indexOf在对数组进行遍历...
【解决NodeJS项目无法在IDEA中调试的问题】使用JetBrains IDEA 2023 调试nodejs项目
最新发布
宅斗士的博客
04-23 67
项目采用Ant Design Pro + React，使用前后端分离开发方式，后端可以很容易的打断点调试，但是前端用到了React脚手架，在IDEA中加了调试断点，但是没有什么用处。
Storage 工具如何封装(前缀、加密、过期时间等)及localStorage的基础介绍
qq_43641110的博客
04-18 963
​​​​​​​。
一个小时学习javaScript
weixin_43064364的博客
04-20 729
JavaScript 是一种广泛使用的编程语言，最初被设计来增加网页的交互性，让用户能够与网页上的元素进行互动。自从1995年被引入以来，JavaScript已经发展成为Web开发中不可或缺的一部分，并且其用途已经大大扩展到了网页之外。
JEECG表格选中状态怎么去掉
weixin_39031037的博客
04-19 368
官网代码（在取消选中状态的时候不生效）
Vue.js（自定义指令）
Luo3255069063的博客
04-18 396
【代码】Vue.js（自定义指令）
for in遍历数组
07-27
for-in 循环是一种在 JavaScript 中遍历数组的方式。它的语法如下： ``` for (var index in array) { // 在这里执行循环体的代码 } ``` 在循环体中，你可以使用 `index` 变量来获取当前迭代的数组元素的索引值。然后，你可以通过 `array[index]` 来访问该元素的值。 然而，使用 for-in 循环遍历数组并不是最佳实践，因为它不仅会遍历数组的元素，还会遍历数组对象的所有可枚举属性。这可能会导致一些意外的行为。更好的选择是使用 for-of 循环，它专门用于遍历数组中的元素。 你可以像这样使用 for-of 循环遍历数组： ``` for (var element of array) { // 在这里执行循环体的代码 } ``` 在循环体中，你可以直接使用 `element` 变量来获取当前迭代的数组元素的值，而不需要访问索引。 希望这个回答能帮到你！如果有任何其他问题，请随时提问。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包

打赏作者

徐同保

你的鼓励将是我创作的最大动力

¥1 ¥2 ¥4 ¥6 ¥10 ¥20
扫码支付：¥1
获取中
扫码支付

您的余额不足，请更换扫码支付或充值

打赏作者

实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值