js循环的几种方式

最新推荐文章于 2024-05-15 17:25:16 发布
最新推荐文章于 2024-05-15 17:25:16 发布
阅读量330 收藏
点赞数
文章标签： javascript 开发语言 ecmascript
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/m0_55720439/article/details/122982374
版权

js常见的几种遍历方式

for in

使用场景：适合遍历对象

原因：

1、for in 遍历得到的索引而不是vlaue值
在这里插入图片描述
2、for in 会遍历数组的整个原型链，性能比较差，不推荐使用

for of

适用场景：遍历数组
for in 和for of 最大的区别就是for in 遍历的是索引index,而for of 遍历的是key
在这里插入图片描述

forEach

适用场景：没有break和return等中断循环的操作

在这里插入图片描述
在这里插入图片描述

map()

适用场景：数组或对象

  • map() 方法返回一个新数组，数组中的元素为原始数组元素调用函数处理后的值。

  • map() 方法按照原始数组元素顺序依次处理元素。

  • map() 不会对空数组进行检测。

  • map() 不会改变原始数组（当数组中元素是值类型，map不会改变原数组；当是引用类型，则可以改变原数组）

在这里插入图片描述

此处该有网名
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
JavaScript 几种循环方式以及模块化的总结
10-14
下面将详细介绍JavaScript的几种循环方式和模块化机制。 **一、JavaScript的循环方式** 1. **for循环**：这是最基本的循环结构，适用于任何需要计数的情况。语法如下： ```javascript for (初始化; 条件; 更新) ...
Javascript循环删除数组中元素的几种方法示例
10-19
在JavaScript编程中，有时我们需要在循环中动态地删除数组中的元素。然而，如果直接使用常规的for循环并尝试删除元素，可能会导致预期之外的结果。本文将详细介绍如何在循环中正确地删除数组元素，并提供三种不同的...
JavaScript用while循环实现超简易用户登录（案例）
Snake-Ma的博客
05-05 2169
本次案例用到while循环和if else判断语句 接收用户注册的用户名和密码，然后输入刚才注册的用户名和密码；若用户名和密码正确，则提示用户‘登录成功’；否则，用户将陷入死循环。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> ...
js循环的几种方式总结
weixin_43285861的博客
11-20 1万+
前言 只描述了一些最基本的用法，和一些可能遇到的问题。一些细节，或者特殊写法之类的，没有。 1.for循环 最基本的循环方式，不多说。但是我在其它某篇文章上，听别人说，这种最基本的循环才是速度最快的，效率最高的。(就是这https://www.jb51.net/article/… for(var i = 0;i<5;i++){ console.log(i) } 2.for in循环 for in循环是用来遍历对象的。要知道JavaScript对象的所有属性都是字符串，不过属性对应的值可以是任意数据
【JS】JS的各种循环方式你真的会用吗？
最新发布
九日的博客
05-15 415
在不同的场景中选择合适的循环方式能显著提升代码的可读性和性能。掌握每种循环的实现方式、优缺点和使用场景，能帮助我们编写更高效、简洁的代码。希望通过这篇文章，各位能全面了解JavaScript中各种循环方式，真正掌握它们的使用技巧！
JavaScript的几种循环方式
CSH_lucky的博客
12-09 3345
导言 我们在使用JavaScript时经常会遇到需要一遍一遍地运行相同代码，而这样不经浪费时间，还效率低下，使用循环是个明智的选择，大大提高了效率，也减少了代码量。 JS中循环有三种： 1.while循环 2.do-while循环 3.for循环 一、while循环 1、while循环的语法结构： while(条件表达式){当条件表达式为布尔值true时要执行的语句块} 2、while循环的应用 ...
前端随心记---------函数
09-24 463
some（） some() 方法用于检测数组中的元素是否满足指定条件（函数提供）。 some() 方法会依次执行数组的每个元素： 如果有一个元素满足条件，则表达式返回true, 剩余的元素不会再执行检测。 如果没有满足条件的元素，则返回false。 注意：some() 不会对空数组进行检测。 注意：some() 不会改变原始数组。 every（） ever...
js循环方式
reaaal的博客
06-22 179
一：forEach 只能遍历数组，不能使用break打断，continue跳出循环，returnfalse代表for循环中的continue。 forEach为每个元素执行回调，没有返回值。 forEach无法在IE中使用，Firefox和chrome都能实现该方法。 arr.forEach(function(i,item){ //arr：循环遍历的数组 ...
JavaScript中for循环的几种写法与效率总结
10-20
每个接触JS的开发人员都不可避免的与for循环打交道，毕竟这是遍历必不可少的工具之一。...下面这篇文章就主要介绍了JavaScript中几种for循环的写法与效率,需要的朋友可以参考借鉴，下面来一起看看吧。
Javascript中for循环语句的几种写法总结对比
10-20
以下是几种常见的for循环语句的总结对比： 1. **基础写法**： ```javascript for (var i = 0; i ; i++) { var a = arr[i]; // ... } ``` 这是最标准的for循环形式，适用于大多数情况。然而，这种方法每次...
Js几种循环方式的比较
weixin_47137384的博客
08-19 1076
Js几种循环方式的比较
js各种循环的使用
WCR_520的博客
01-13 104
https://juejin.cn/post/7007965963819679751#heading-2
js中几种循环的退出方式
热门推荐
weixin_46369590的博客
09-12 2万+
some退出循环：return / return true（不能return false） every退出循环：return false。every()：相当于且，只要有一个不满足条件，就return false，只有都满足条件才会返回true。用return、break、continue的方式都不能终止forEach循环，some()：相当于或，只要有一个满足条件，就return true。break：退出循环 continue：退出本次循环。终止for循环的方式：break和continue。
JavaScript中的循环方法
Jsy_997的博客
04-20 1140
js中的循环方法
JS遍历的方式
qq_41555595的博客
08-07 226
JS遍历的几种方式 1.普通方式 1.1 for循环 <script> let arrayStr = ['111', '222', '333', '444', '555']; for (let i = 0; i < arrayStr.length; i++){ console.log(i + ':' + arrayStr[i]); } </script> 1.2 for in <script> let arrayStr = ['1
js中的4种循环方式
LmissL的博客
09-29 3743
循环 for循环 双重for循环 while循环 do-while循环 for循环 语法结构 for(初始化变量; 条件表达式; 操作表达式 ){ //循环体 } 名称 作用 初始化 变量 通常被用于初始化一个计数器，该表达式可以使用 var 关键字声明新的变量，这 个变量帮我们来记录次数。 条件表 达式 用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出循 环。 操作表 达式 用于确定每一次循环是否能被执行。如果结果是 true 就继续循环，否则退出
js循环的总结
weixin_30905981的博客
10-07 143
js原生的循环有两种，一般的for循环和for...in循环。还有一种常用jQuery.each()循环。 一. js原生循环 a. for循环，代码如下： var myArray = [1,2,3];for (var i = 0; i < myArray.length; i++) { console.log(myArray[i]);}; console： 1，2，3 ...
js循环数组的几种方式
06-07
JavaScript 中循环数组的方式有以下几种： 1. for 循环 使用 for 循环可以遍历数组中的每个元素。可以通过数组的 length 属性确定循环次数。例如： ``` var arr = [1, 2, 3]; for (var i = 0; i < arr.length; i++) { console.log(arr[i]); } ``` 2. forEach 方法 可以使用 forEach 方法来遍历数组中的每个元素。它接受一个回调函数作为参数，回调函数的参数分别为当前遍历的元素、当前遍历的索引、原始数组。例如： ``` var arr = [1, 2, 3]; arr.forEach(function(item, index, array) { console.log(item); }); ``` 3. for...in 循环 使用 for...in 循环可以遍历数组中的每个属性。它返回的是属性名，需要通过属性名获取对应的属性值。例如： ``` var arr = [1, 2, 3]; for (var index in arr) { console.log(arr[index]); } ``` 需要注意的是，使用 for...in 循环遍历数组时，可能会遍历到一些非数字类型的属性，例如数组方法、原型链上的属性等，所以需要通过 hasOwnProperty 方法来判断属性是否为对象自身的属性。例如： ``` var arr = [1, 2, 3]; for (var index in arr) { if (arr.hasOwnProperty(index)) { console.log(arr[index]); } } ``` 4. for...of 循环 使用 for...of 循环可以遍历数组中的每个元素。它返回的是元素值，而不是索引或属性名。例如： ``` var arr = [1, 2, 3]; for (var item of arr) { console.log(item); } ``` 以上是 JavaScript 中常用的几种循环数组的方式，根据不同的需求选择合适的方式可以使代码更加简洁、易读。
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值