js中的for-of循环遍历数组

最新推荐文章于 2024-05-11 11:32:11 发布
最新推荐文章于 2024-05-11 11:32:11 发布
阅读量2.2k 收藏 2
点赞数
文章标签： javascript 前端 vue.js
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/dwqdfwqdqw/article/details/122306415
版权

在ES5中有了forEach来遍历数组，似乎变得简洁了许多，forEach不能使用 break 语句中断循环，也不能使用 return 语句返回到外层函数，forEach和 await搭配着用的时候代码还是会往下走，不会被catch之后就停止。
for-of循环，ES6新增特性

for (var value of a) {  
    console.log(value);
}

for of 遍历map对象

for (const [index, item] of new Map(data.map((item, i) => [i, item]))) {...}

for of 不仅可以遍历数组，还可以
1、遍历字符串

2、遍历类数组对象

3、支持 Map 和 Set 对象遍历

dwqdfwqdqw
关注
  • 0
    点赞
  • 踩
  • 2
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript中利用for循环遍历数组
10-20
首先，让我们来看看`for`循环遍历数组的基本语法： ```javascript var arr = [3, 5, 2, 6]; for (var i = 0; i ; i++) { console.log(i, "类型：" + typeof i, arr[i]); } ``` 在这个例子中，`for`循环初始化了一...
js-cycle-array:循环遍历数组值
06-23
循环阵列 循环遍历数组值用例我想创建一个旋转一组图像的组件，循环回到开始。 var Cycle = require ( 'cycle-array' ) , cycle = new Cycle ( ) , image = [ '/img1.png' , '/img2.png' , '/img3.png' ]myComponent...
JS遍历数组的十五种方法
热门推荐
材女的进击
05-25 2万+
这个遍历器生成函数大致的模样可以用ES5 语法模拟出来：这个函数返回一个next() 方法，每调用next() 方法，都会返回数据结构的当前成员的信息。每个数据结构都有一个默认的遍历器，例如数组的默认遍历器是values()，在没有明确指定遍历器的情况下，这些数据结构都会使用默认的遍历器。map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值，并没有改变原来的数组。forEach() 方法用于调用数组的每个元素，并将元素传递给回调函数，没有返回值，原数组不变。
数组遍历方法详解
weixin_56817537的博客
09-02 1436
数组遍历方法详解
JS遍历数组的十种方法总结
最新发布
大圣归来圣骑士清欢的博客
05-11 1107
JS遍历数组的十种方法
一文带你了解javascript中的for...of循环
tyxjolin的专栏
04-19 1万+
for...of 循环是 JavaScript 中的一种循环结构，它可以用于遍历各种数据结构，例如数组、字符串、Map、Set 等。for...of 循环通常用于替代传统的 for 循环或 forEach 循环，因为它具有更加简洁和易读的语法，能够提高代码的可读性和可维护性。其中，variable 是一个变量名，表示循环中每次迭代时的当前值，iterable 是一个可迭代对象，表示要遍历的数据结构。
JS数据类型【数组 for....in、for...of、for、forEach】
qq_52731478的博客
05-04 745
forEach与map区别：map返回新数组，不改变原数组的每个值；将伪数组转换为新的真实数组并返回（可以说是浅拷贝出来一个同内容的真实数组出来），不改变原数组。arr.unshift(元素) 将元素插入到数组arr的开头，改变原数组。arr.push(元素) 将元素添加到数组arr的末尾，改变原数组。arr.shift(元素) 删除数组arr的第一个元素，改变原数组。arr.pop() 删除数组arr的最后一个元素，改变原数组。改变原数组，返回值为被删除的元素所形成的数组。
js中for of的使用
xvzhengyang的博客
04-09 8367
for...of可以迭代数组、类数组以及任何可以迭代的对象(maps、sets、DOM集合) 1.遍历数组 let myArray = [{ code: 1 }, { code: 2 }]; for (let value of myArra...
遍历数组的方法
dailytang的博客
07-31 1715
遍历数组的方法
js数组循环遍历数组内所有元素的方法
01-19
例，for(){}遍历数组 代码如下:[removed] <...i [removed]例,for in循环遍历数组 代码如下:<html><body>[removed]var xvar mycars = new Array()mycars[0] = “Saab”mycars[1] = “Volvo”mycar
JavaScript数据结构【数组---for...of循环迭代】
Flying____fish的博客
12-11 915
继for循环，和forEach方法迭代数组后，要想迭代数组的值还可以用for...of循环// for...of循环示例}/*输出：123*/可以看到：使用for...of循环迭代整个数组还是比较方便，方便取到值并且使用，示例所示并非仅可以迭代数组，更多可参见直接多给个参数？不行，key的位置只能容得下一个参数，装不下其他参数了；有问题自然是有对应解决措施方法返回一个包含数组中每个索引键的对象}/*输出：012*/
for...in、for...of、forEach、some、every、filter、reduce 数组遍历的几种方法
11-26 632
for…in - 语句遍历对象的枚举的属性，以任意顺序 for…of - 语句遍历可迭代对象定义要遍历的数据，可迭代对象（包括 Array，Map，Set，String，TypedArray，arguments 对象等等）上创建一个迭代循环，调用自定义迭代钩子，并为每个不同属性的值执行语句。 for…in let list = [{ name: "张三", age: 10 }, { name: "李四", age: 20 }, { name: "赵五", age: 30 }] for (index in
JS中让对象支持for...of遍历
_
03-15 4883
1.for…of的工作原理 for…of 循环首先会向被访问对象请求一个迭代器对象，然后通过调用迭代器对象的next() 方法来遍历所有返回值。 数组可以直接使用for…of遍历是因为数组内置了迭代器 2.让对象支持for…of 让对象支持for…of的办法就是手动给对象添加迭代器 var myObject = { a: 1, b: 2, c: 3 }; //写法一：简单写法 myObject[Symbol.iterator] = function(){ const _this = t
js用for of 遍历数组
dengpengfu4092的博客
12-08 586
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <script> //我...
js中foreach，for in，for of的使用及区别，遍历对象，遍历数组使用的不一样 JavaScript
两天打鱼三天晒网
01-16 9912
1. for(var obj in objs){ ... } 语句 如果集合中的元素是对象可以直接对它进行操作。范例： for (var l in document.links){ alert(l.href); } 如果对象是多个属性和值的形式话得这样用： var obj = {a: 1, b: 2}; for (var i in obj) { alert("key:"
js数组操作的for，forEach，for in，for of等区别
kingAn123的博客
04-02 3584
数组操作是我们使用后端数据必不可少的知识无论是json、数据库还是后台的nodejs，vue都需要我们熟练的操作数组等。数组操作的区别 1、forEach:  1、不能遍历对象  2、不支持break，支持return 2、for in: 1、可以遍历数组和对象  2、会把序列转换为字符串                3、支持break跳出循环，不支持return 3、for of:  ...
（for in）遍历键名和 （for of）遍历键值，这种说法严谨吗？
weixin_33872660的博客
09-17 530
[1] const arr = [7, 8, 9]; const obj = { a: 4, b: 5, c: 6 }； [2] for (let v in arr){ console.log(v); } // 0, 1, 2 [3 ]for (let v in obj){ console.log(v); } // a, ...
es6中 for…of 循环遍历数组对象
李特成的博客
06-29 1万+
//数组对象 const myArray = [{ id: 1, name: "李特成", age: '20', gender: '男', arr: ['湖南长沙', 'IT技术'] }, { id: 2, name: "范冰冰", age: '15', gender: ...
div中用v-for循环遍历数组，后用v-html熏染
04-18
在Vue.js中，可以使用`v-for`指令来循环遍历数组，并使用`v-html`指令来渲染HTML内容。下面是一个示例： ```html <div id="app"> <ul> <li v-for="item in items" :key="item.id" v-html="item.content"></li> </ul> </div> ``` 在上面的代码中，我们使用`v-for`指令来遍历名为`items`的数组，并将每个数组元素的内容渲染到`li`元素中。`:key`属性用于提供唯一的标识符，以便Vue能够正确地跟踪每个元素的变化。 注意：使用`v-html`指令时要小心，因为它会将数据作为HTML解析并渲染到页面上。请确保你信任并且验证了要渲染的内容，以防止XSS攻击。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值