ES6中for...of循环的用法及示例代码

于 2023-10-04 01:30:57 发布
阅读量164 收藏
点赞数
CC 4.0 BY-SA版权
文章标签： es6 javascript 前端 编程
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.youkuaiyun.com/git_debug233/article/details/133534067
编程 专栏收录该内容
94 篇文章 ¥59.90 ¥99.00
订阅专栏
for...of循环是ES6中用于遍历可迭代对象的语法，如数组、字符串、Set和Map。它提供了一种简洁的方法，无需索引即可访问元素。示例代码展示了如何使用该循环遍历各种数据结构，并且可以与break和continue配合使用。for...of不适用于遍历普通对象的属性，但它是处理可迭代对象的强大工具。

for…of循环是ES6中引入的一种遍历迭代器对象的循环方式。它提供了一种简洁、直观的方式来遍历可迭代对象（如数组、字符串、Set、Map等）中的元素，而无需使用传统的索引迭代方式。

下面是使用for…of循环的示例代码：

// 遍历数组
const arr = [1, 2, 3, 4, 5];
for
了解本专栏 订阅专栏 解锁全文
es6 for循环语法
weixin_60292874的博客
08-13 1242
（2021.8.12 人生第一次写博客 随便写点简单东西记录一哈！） 以下统一数组arr=['a','b','c','d','e',] 1.普通的for循环 for(let i=0;i<arr.length;i++){ console.log(arr[i]); }; 这种形式的for循环会在控制台中依次打印出数组中的各元素： 2.for（...in...）循环 for(...in...)循环省略了局部定义 i 后指定范围及循环后循环变量 i 自增减（变化）的步骤 f...
ES6中Iterator与for..of..遍历用法分析
08-30
**3.for..of遍历** `for..of`循环是ES6引入的新语法，它专门用于遍历可迭代对象的元素。与`for..in`循环不同，`for..in`循环主要用于遍历对象的属性，而`for..of`则更适用于遍历数据本身的值。 对于数组和类数组...
ES6 数组常用方法 ...、find、findIndex、includs、for...of、forEach、for...in、map、filter、some、every、reduce、new Set
m0_48968874的博客
08-21 687
ES6：全称为ECMAScript 6，是ECMAScript的第6版本，是 JavaScript 语言的下一代标准，2015 年 6 月正式发布。ECMAScript是一种由Ecma国际（前身为欧洲计算机制造商协会，European Computer Manufacturers Association）在标准ECMA-262中定义的脚本语言规范。
es6:for,foreach,for...in循环区别
qq_44891434的博客
12-18 686
es6:for,foreach,for…in循环区别 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> ...
ES6 中 数组新增的循环
ikEason_的博客
11-23 1369
ES6 数组循环 先说一下ES5循环： 1. for for(let i=0; i<arr.length; i++){ //循环体语句 } 2. while while(条件为真){ //循环体语句 } 然后来说ES6数组中新增的一些循环： forEach | map | filter | some() | every() | reduce() | reduceRight() | for…of… 语法一致 arr.forEach | map | filter |
ES6 for...of循环
weixin_42695446的博客
11-26 4070
ES6 for…of循环 Iterator接口的目的是为所有的数据结构提供一种统一的访问机制，即for…of循环。当使用for…of循环遍历某种数据结构的时候，该循环会自动去寻找Iterator接口。 ...
ES6中Array.copyWithin()函数的用法实例详解
08-29
在ES6中，`Array.prototype.copyWithin()`是一个非常实用的方法，它允许我们高效地复制数组中的部分元素到数组的另一位置，并覆盖原有的元素。这个函数主要用于处理数组内部的数据，而不会改变数组的长度。 `Array....
ES6迭代器for...of详解与应用
for...of循环则是ES6中新增的一种语法结构，用于遍历可迭代对象（如数组、字符串、Map、Set等）。 ### 知识点详细说明 1. **迭代器（Iterators）的概念** - 迭代器是一种对象，它定义了一个序列，并且可以在该...
js中forEach，for in，for of循环的用法示例小结
11-21
`for...of` 循环是 ES6 引入的新特性，它可以遍历可迭代对象，包括数组、Set、Map、字符串等，但不适用于对象。它会返回实际的元素值，而不是索引。下面展示了 `for...of` 在数组和字符串上的应用： ```...
初步探究ES6之for循环和Map,Set
热门推荐
brizer的博客
11-16 1万+
现在大家先想一想，如果要你遍历一个数组的元素，你会选择如何去做呢？一般都会想起for循环： for (var index = 0; index length; index++) { console.log(myArray[index]); } 可惜我得告诉你，这个方法是二十年的人才应该使用的方法，在ES5中已经提出了更为简便的forEach方法，代码如下： myArray.for
ES6笔记--For...of循环
Yunk的博客
04-27 428
for...of 循环用于循环访问任何可迭代的数据类型。for...of 循环的编写方式和 for...in 循环的基本一样，只是将 in 替换为 of，可以忽略索引。例如：const digits = [0, 1, 2, 3, 4, 5, 6, 7, 8, 9]; for (const digit of digits) { console.log(digit); }实战：编写符合以下条件的...
14、ES6 for...of循环
小雨的博客
12-07 499
类似数组的对象类似数组的对象包括好几类。下面是for…of循环用于字符串、DOM NodeList对象、arguments对象的例子。 //字符串        demo                   let str="hello";       for(let s of str){         console.log(s);        //h
es6 for循环_ES6 for...of循环
weixin_26976635的博客
01-25 1647
概念ES6引入了for...of循环作为遍历所有数据结构的统一方法。一个数据结构只要部署了Symbol.iterator属性，就被视为具有iterator接口，就可以用for...of循环遍历它的成员，也就是说，for...of循环内部调用的是数据结构的Symbol.iterator方法。for...of循环可以使用的范围：字符串；数组；Set和Map结构；某些类似数组的对象(比如argument...
for...of 循环(ES6)
VivBin的博客
10-15 3423
ES6 借鉴 C++、Java、C# 和 Python 语言，引入了for...of循环，作为遍历所有数据结构的统一的方法。 一个数据结构只要部署了Symbol.iterator属性，就被视为具有 iterator 接口，就可以用for...of循环遍历它的成员。也就是说，for...of循环内部调用的是数据结构的Symbol.iterator方法。 for...of循环可以使用的范围包括数组...
ES6 for循环的三种方法
weixin_47087818的博客
10-23 3609
// 1.普通for循环 let totalPrice1 = 0; for (let i = 0; i < books.length; i++) { totalPrice1 += books[i].count * books[i].price } console.log(totalPrice1); // 2. for(let i in this.books),i是下标 let totalPrice2 = 0; for (let i in books) { let book = books[i
ES6中for循环、函数扩展、字符串扩展、创建类
weixin_45616246的博客
10-30 390
一、for循环： 1.for: var arr = ['a','b','c']; console.log("for:"); for(var i = 0; i < arr.length; i++){ console.log("键", i, "值", arr[i]); }; 2.forEach: var arr = ['a','b','c']; console.log("======...
ES6与for循环
weixin_30439131的博客
03-23 3983
部分内容供参自：http://www.banzg.com/archives/519.html 在ECMAScript5（简称 ES5）中，有三种 for 循环，分别是： 简单for循环 for-in forEach 在2015年6月份发布的ECMAScript6（简称 ES6）中，新增了一种循环，是： for-of 下面我们就来看看这 4 种 for 循环。 简单...
es6中 for…of 循环遍历数组对象
李特成的博客
06-29 1万+
//数组对象 const myArray = [{ id: 1, name: "李特成", age: '20', gender: '男', arr: ['湖南长沙', 'IT技术'] }, { id: 2, name: "范冰冰", age: '15', gender: ...
评论 1
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值