js中常见的遍历：forEach、map、for in、for of

已于 2023-12-13 19:50:10 修改
阅读量437 收藏 8
点赞数 12
文章标签： 数据结构
于 2023-12-13 19:45:03 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_51847461/article/details/134979669
版权

forEach:方法中function回调有三个参数：(value,index,array)-分别对应的是（值，下标，原数组）

对应的结果：

map:返回一个新的数组，按照原始数据的元素顺序处理元素；有三个值（item，index，array）对应的是（当前正在处理的元素，下标，方法被调用的数组）

 

for of 和for in的区别：

1循环数组.for in 和 for of 都可以循环数组，for in 输出的是数组的index下标，而for of 输出的是数组的每一项的值。

2.循环对象：for in 可以遍历对象，for of 不能遍历对象

3.循环数组对象：

综上所述 for of适合遍历数组，而for in适合遍历对象；

qq_51847461
关注
  • 12
    点赞
  • 踩
  • 8
    收藏
    觉得还不错? 一键收藏
  • 1
    评论
js遍历详解(forEach, map, for, for…in, for…of)
01-19
forEach es5出来的方法，这是我在react中用的最多的遍历方法之一，用法如下： models.forEach(model => app.model(model)); dva里面经常这么写。 写法很简单，经常用于通过这个数组内的数据创造新的结构，但是...
浅析JS中的 map, filter, some, every, forEach, for in, for of 用法总结
12-10
1.map 有返回值，返回一个新的数组，每个元素为调用func的结果。 let list = [1, 2, 3, 4, 5]; let other = list.map((d, i) => { return d * 2; }); console.log(other); // print: [2, 4, 6, 8, 10] 2.filter 有...
JavaScript对for、for-in、foreach、map循环
最新发布
web全栈开发的博客
11-24 41
循环是编程中常用的一种结构，用于重复执行一段代码。JavaScript中提供了多种循环方式，包括for循环、for-in循环、forEach方法和map方法。本文将对这些循环方式进行比较，并从前言、原理分析、具体代码实现例子、注意事项和总结等方面进行讨论。前言：在开始比较之前，让我们先了解一下这些循环方式的介绍。for循环：for循环是一种最基本的循环结构，通过设置初始条件、循环条件和每次循环后的...
介绍5种常用 for循环：for、forEach、map、for in、for of。
weixin_70024734的博客
07-10 575
for of 是ES6版本发布的，在可迭代对象（包括 Array，Map，Set，String，TypedArray，arguments 对象等）上创建一个迭代循环，调用自定义迭代钩子，并为每个不同属性的值执行语句。版本发布的，按升序为数组中含有效值的每一项执行一次回调函数，那些已删除或者未初始化的项将被跳过（例如在稀疏数组上），一般认为是 普通for循环 的加强版。map 是ES5版本发布的，遍历时可以返回一个新数组，新数组的结果是原数组中的每个元素都调用一次提供的函数后的返回值。
js中for...in,for...of和遍历map的方法
qq_42349528的博客
03-14 3592
目录1.for...in2. for...of3.for...in和for...of的区别4.可枚举属性，可迭代对象1）可枚举属性2)可迭代对象5.迭代器，生成器6.数组，伪数组7.map对象可以使用for...in吗？遍历map的方法！ 1.for…in for...in循环遍历的是可枚举属性（包括原型链上的可枚举属性） var obj = {a:1,b:2,c:3}; for(let key in obj){ console.log(key); // a b c } 使用for...in也可以
js中的for循环、map、forEach、for in、for of、Object.keys()
alokka的博客
11-15 4753
遍历数组的方法： 1. for 循环 for 循环，大家在熟悉不过用来遍历数组或者json等对象数组 var arr = [1,2,3]; for(var i = 0; i < arr.length; i++) { console.log(i +'-'+ arr[i]); } // 0-1 // 1-2 // 2-3 2. forEach 遍历 遍历数组 列出数组的每个元素 va...
js遍历详解(forEach, map, for, for...in, for...of)
10-16
在本篇文章里小编给大家整理的是关于js中的各种遍历(forEach, map, for, for...in, for...of)相关知识点用法总结，需要的朋友们参考下。
JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍
10-22
下面小编就为大家带来一篇JavaScript中的数组遍历forEach()与map()方法以及兼容写法介绍。小编觉得挺不错的，现在分享给大家，也给大家做个参考。一起跟随小编过来看看吧
js/jquery遍历对象和数组的方法分析【forEach，map与each方法】
10-17
主要介绍了js/jquery遍历对象和数组的方法,结合实例形式分析了数组遍历的forEach，map与each方法常见使用技巧,需要的朋友可以参考下
forEach、map、for、forin的区别
读心悦
05-23 1741
在开发过程中，经常需要遍历一个数组或者对象，常用到的方法有如下几种： for 最常用于遍历数组的一个方法 var num = [2, 4, 3, 5, 7, 8, 90, 13]; for (var i = 0; i < num.length; i++) { console.log(i + "====" + num[i]); } 打印如下： 0====2 1====4 2====3...
map、forEach、for、for in、for of等的区别
weixin_48290187的博客
03-29 3849
1、map： 一定遍历全部数据，不能通过return结束，消耗性能，不要常用。 常用于转换数据结构，比forEach快。 使用方法如下： let aa = [1,2,3]; let bb = []; let cc = []; let dd = []; bb = aa.map((x)=>({key: x, value: x})); console.log('bb',bb); bb.map((x)=>{x.name='name'}); cc = bb; console.log('cc',cc); d
for in,map 和forEach
zhaofeiweb的博客
07-09 1821
for in 既可以遍历数组又可以遍历对象 //for in 遍历对象 for(var x in obj) { // x 为对象的键，obj[x] 为键值 list = list.filter((item,index)=&gt;{ //list 代表的是 代表一个数组 //item 代表数组中的每一项...
for...of，for...in，forEach和map的区别
zl13015214442的博客
05-27 3758
1. for…of循环 具有 iterator 接口，就可以用for...of循环遍历它的成员(属性值value)。for...of循环可以使用的范围包括数组、Set 和 Map 结构、某些类似数组的对象、Generator 对象，以及字符串。for...of循环调用遍历器接口，数组的遍历器接口只返回具有数字索引的属性。对于普通的对象，for...of结构不能直接使用，会报错，必须部署了 Iter...
js中所有涉及到的循环遍历的作用及区别（map,for,for in,forEach,filter...）
qq_45552799的博客
10-07 930
1、for 循环 for 循环是 Js 中最常用的一个循环工具，经常用于数组的循环遍历。格式就是for(下标变量；循环长度，下标递加){} let arr = [1,2,3]; for (let i=0; i<arr.length; i++){ console.log(i,arr[i]) } // 0 1 // 1 2 // 2 3 2、for in 循环 for in 循环主要用于遍历普通对象，i 代表对象的 key 值，obj[i] 代表对应的 value,当用它来遍历数组时候，多数情况下也能
javascript 中map()方法和for...in的区别
阿泽呀的博客
08-17 2267
数组的map方法(IE9+支持) 返回新数组 方法接受一个回调函数，回调函数接受三个参数：当前项、索引、操作的数组 不影响原来的数组 var a = [1,2,6,5,8]; //map方法，返回一个新数组，每个项处理完成后的结果组成的新数组。 //对原数组没有影响 var m = a.map(function(item,index,array){ //item :就是房...
js数组遍历（for in ,for of ,map,foreach,filter）的区别
jack_rose_me的博客
05-02 566
一.for in 和for of 的区别 1.for in 遍历数组时，索引实际上是字符串类型的数字，不能进行运算，我们来输出一下： 　　　 let arr = [1,3,5,4] for (let index in arr) { console.log(typeof index) } 结果： 2.遍历的顺序有可能不是数组内部的顺序（这个我没有试出来，如果找到例子，以后我再更新） 3.for in 会遍历数组内所有可枚举的属性，包括原型上的属性和方.
javascript语法 --- for of/for in循环与Map对象，遍历对象的方法
qq_35415374的博客
09-14 6200
循环数组 var arr = [a,b,c,d] for (var i in arr){ console.log(i) //0 1 2 3 } for (var i of arr){ console.log(i) //a b c d } 循环json var json = {'a' : 'A', 'b' : 'B', 'c' : 'D', 'd' ...
js进阶三(map、set、for in/of、forEach)
全干工程师
10-11 1870
文章目录mapsetfor ... of/inforEach map //直接初始化map var m1 = new Map([['Michael', 95], ['Bob', 75], ['Tracy', 85]]); var val = m1.get('Michael'); // 95 console.info(val) //set设置元素 var m2 = new Ma...
python foreach用法_js遍历详解(forEach, map, for, for...in, for...of)
weixin_36039452的博客
02-09 631
forEaches5出来的方法，这是我在react中用的最多的遍历方法之一，用法如下：models.forEach(model => app.model(model));dva里面经常这么写。写法很简单，经常用于通过这个数组内的数据创造新的结构，但是forEach的问题在于它不能跳出循环。map也是用的最多的方法之一，用法如下{data.map(d => ({d.currency.to...
for forEach forin forof 遍历的区别
09-07
这些都是 JavaScript 中用于遍历集合的循环语句。它们的区别如下： 1. `for` 循环：`for` 循环是最基本的循环语句，用于按照指定条件重复执行一段代码。它需要手动控制迭代索引，适用于数组和类数组对象的遍历。 2. `forEach` 循环：`forEach` 是数组的方法，它接受一个回调函数作为参数，在数组的每个元素上执行该函数。它自动迭代数组，并且无法中途退出循环或者跳过某个元素。 3. `for-in` 循环：`for-in` 循环用于遍历对象的可枚举属性。它会迭代对象自身及其原型链上的所有可枚举属性，并将属性名赋值给循环变量。注意，`for-in` 循环不保证按照特定顺序遍历属性。 4. `for-of` 循环：`for-of` 循环是 ES6 引入的新特性，用于遍历可迭代对象（如数组、字符串、Set、Map 等）。它提供了一种简洁而直观的方式来遍历集合中的元素，不需要手动控制索引或使用索引访问元素。 总结来说，`for` 循环适用于数组和类数组对象，需要手动控制索引；`forEach` 循环适用于数组，自动迭代数组元素；`for-in` 循环适用于对象，迭代可枚举属性；`for-of` 循环适用于可迭代对象，提供了更简洁的语法。

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值