JavaScript中for、forin、while和dowhile的应用场景详解

循环结构也是非常重要的一个知识点。其中最基础的几种循环结构包括：本文将详细介绍这四种不同类型的循环结构以及它们各自适合使用的应用场景。i++) {// 执行代码}第一个参数表示起始值；

• 本文目录导读：
• 1、一. for 循环
• 2、二. for in 循环
• 3、三. while 循环
• 4、四. do-while 循环

目前创新互联建站已为成百上千的企业提供了网站建设、域名、网络空间、网站托管维护、企业网站设计、长洲网站维护等服务，公司将坚持客户导向、应用为本的策略，正道将秉承"和谐、参与、激情"的文化，与客户和合作伙伴齐心协力一起成长，共同发展。

在前端开发中，JavaScript是一门必不可少的语言。而在JavaScript中，循环结构也是非常重要的一个知识点。其中最基础的几种循环结构包括：for循环、for in循环、while循环和do while循环。本文将详细介绍这四种不同类型的循环结构以及它们各自适合使用的应用场景。

一. for 循环

首先来看最基础的 for 循环。它有三个参数：

```

for (let i = 0; i < n; i++) {

// 执行代码

}

第一个参数表示起始值；第二个参数表示条件判断；第三个参数表示每次执行完后增加/减少多少。

例如我们可以通过以下方式打印出1~10之间所有数字:

for(let i=1;i<=10;i++){

console.log(i)

那么什么时候需要使用 for 循环呢？当你已经知道了具体要做多少遍操作时，就可以选择使用 for 循环。

比如说你需要写一个函数来计算数组元素之和：

```javascript

function sum(arr) {

let result = 0;

for (let i = 0; i < arr.length; ++i) {

result += arr[i];

}

return result;

二. for in 循环

for in循环是用来遍历对象属性的。它有一个参数，就是要被遍历的对象。

for (let key in obj) {

例如我们可以通过以下方式打印出一个对象中所有属性及其对应的值:

const person = {

name: '张三',

age: 18,

gender: '男'

};

for(let key in person){

console.log(`${key}: ${person[key]}`)

那么什么时候需要使用 for in 循环呢？当你需要遍历某个对象的所有属性时，就可以选择使用 for in 循环。

比如说你需要写一个函数来计算某个人所拥有的全部财产：

function calculateWealth(person) {

let wealth = 0;

for (let prop in person) {

if(prop === "wealth"){

wealth += parseInt(person[prop])

}

}

return wealth;

const tom = {name:'Tom',age:25,gender:'male',wealth:'12000'}

console.log(calculateWealth(tom))

// 输出结果为：12000

三. while 循环

while循环只有一个条件判断语句，并且这个条件判断语句会在每次循环开始前执行一次。只要满足条件，就会一直执行下去。

while(condition){

// 执行代码

let i = 1;

while(i<=10){

console.log(i);

i++;

那么什么时候需要使用 while 循环呢？当你不知道具体要做多少遍操作，但是知道何时停止循环时，就可以选择使用 while 循环。

比如说你需要写一个函数来计算某个数的阶乘：

function factorial(num) {

let result = 1;

let i = num;

while (i > 0) {

result *= i;

--i;

return result;

console.log(factorial(5))

// 输出结果为：120

四. do-while 循环

do-while循环和while循环非常相似。它们唯一的区别在于条件判断语句的位置不同。在 do-while 循环中，条件判断语句会在每次循环结束后执行一次。

do{

}while(condition)

let i=11

console.log(i);

i++

}while(i<=10)

那么什么时候需要使用 do-while 循环呢？当你需要至少执行一次特定操作，并且只有满足某个条件才能继续执行下去时，就可以选择使用 do-while 循环。

比如说你需要写一个函数来模拟用户登录：

function login(){

let username,password;

do{

username = prompt("请输入用户名");

password = prompt("请输入密码");

if(username === "admin" && password === "123456"){

alert("登录成功")

return true;

}else{

alert("用户名或密码错误，请重新输入")

}while(true)

login()

以上就是JavaScript中for、for in、while和do while的应用场景详解。不同类型的循环结构适合不同的情况，我们在编写代码时要根据具体需求选择使用哪种循环结构。希望本文能够对大家掌握JavaScript语言有所帮助！

分享题目：JavaScript中for、forin、while和dowhile的应用场景详解
链接URL：http://www.shufengxianlan.com/qtweb/news29/409579.html

网站建设、网络推广公司-创新互联，是专注品牌与效果的网站制作，网络营销seo公司；服务项目有等

广告

声明：本网站发布的内容（图片、视频和文字）以用户投稿、用户转载内容为主，如果涉及侵权请尽快告知，我们将会在第一时间删除。文章观点不代表本网站立场，如需处理请联系客服。电话：028-86922220；邮箱：631063699@qq.com。内容未经允许不得转载，或转载时需注明来源： 创新互联