建站
咨詢
售后
建站咨詢
新聞中心
循環(huán)結(jié)構(gòu)也是非常重要的一個(gè)知識(shí)點(diǎn)。其中最基礎(chǔ)的幾種循環(huán)結(jié)構(gòu)包括：本文將詳細(xì)介紹這四種不同類型的循環(huán)結(jié)構(gòu)以及它們各自適合使用的應(yīng)用場(chǎng)景。i++) {// 執(zhí)行代碼}第一個(gè)參數(shù)表示起始值；
- 本文目錄導(dǎo)讀：
- 1、一. for 循環(huán)
- 2、二. for in 循環(huán)
- 3、三. while 循環(huán)
- 4、四. do-while 循環(huán)
目前創(chuàng)新互聯(lián)建站已為成百上千的企業(yè)提供了網(wǎng)站建設(shè)、域名、網(wǎng)絡(luò)空間、網(wǎng)站托管維護(hù)、企業(yè)網(wǎng)站設(shè)計(jì)、長(zhǎng)洲網(wǎng)站維護(hù)等服務(wù)，公司將堅(jiān)持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長(zhǎng)，共同發(fā)展。
在前端開(kāi)發(fā)中，JavaScript是一門(mén)必不可少的語(yǔ)言。而在JavaScript中，循環(huán)結(jié)構(gòu)也是非常重要的一個(gè)知識(shí)點(diǎn)。其中最基礎(chǔ)的幾種循環(huán)結(jié)構(gòu)包括：for循環(huán)、for in循環(huán)、while循環(huán)和do while循環(huán)。本文將詳細(xì)介紹這四種不同類型的循環(huán)結(jié)構(gòu)以及它們各自適合使用的應(yīng)用場(chǎng)景。
一. for 循環(huán)
首先來(lái)看最基礎(chǔ)的 for 循環(huán)。它有三個(gè)參數(shù)：
```
for (let i = 0; i < n; i++) {
// 執(zhí)行代碼
}
第一個(gè)參數(shù)表示起始值；第二個(gè)參數(shù)表示條件判斷；第三個(gè)參數(shù)表示每次執(zhí)行完后增加/減少多少。
例如我們可以通過(guò)以下方式打印出1~10之間所有數(shù)字:
for(let i=1;i<=10;i++){
console.log(i)
那么什么時(shí)候需要使用 for 循環(huán)呢？當(dāng)你已經(jīng)知道了具體要做多少遍操作時(shí)，就可以選擇使用 for 循環(huán)。
比如說(shuō)你需要寫(xiě)一個(gè)函數(shù)來(lái)計(jì)算數(shù)組元素之和：
```javascript
function sum(arr) {
let result = 0;
for (let i = 0; i < arr.length; ++i) {
result += arr[i];
}
return result;
二. for in 循環(huán)
for in循環(huán)是用來(lái)遍歷對(duì)象屬性的。它有一個(gè)參數(shù)，就是要被遍歷的對(duì)象。
for (let key in obj) {
例如我們可以通過(guò)以下方式打印出一個(gè)對(duì)象中所有屬性及其對(duì)應(yīng)的值:
const person = {
name: '張三',
age: 18,
gender: '男'
};
for(let key in person){
console.log(`${key}: ${person[key]}`)
那么什么時(shí)候需要使用 for in 循環(huán)呢？當(dāng)你需要遍歷某個(gè)對(duì)象的所有屬性時(shí)，就可以選擇使用 for in 循環(huán)。
比如說(shuō)你需要寫(xiě)一個(gè)函數(shù)來(lái)計(jì)算某個(gè)人所擁有的全部財(cái)產(chǎn)：
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))
// 輸出結(jié)果為：12000
三. while 循環(huán)
while循環(huán)只有一個(gè)條件判斷語(yǔ)句，并且這個(gè)條件判斷語(yǔ)句會(huì)在每次循環(huán)開(kāi)始前執(zhí)行一次。只要滿足條件，就會(huì)一直執(zhí)行下去。
while(condition){
// 執(zhí)行代碼
let i = 1;
while(i<=10){
console.log(i);
i++;
那么什么時(shí)候需要使用 while 循環(huán)呢？當(dāng)你不知道具體要做多少遍操作，但是知道何時(shí)停止循環(huán)時(shí)，就可以選擇使用 while 循環(huán)。
比如說(shuō)你需要寫(xiě)一個(gè)函數(shù)來(lái)計(jì)算某個(gè)數(shù)的階乘：
function factorial(num) {
let result = 1;
let i = num;
while (i > 0) {
result *= i;
--i;
return result;
console.log(factorial(5))
// 輸出結(jié)果為：120
四. do-while 循環(huán)
do-while循環(huán)和while循環(huán)非常相似。它們唯一的區(qū)別在于條件判斷語(yǔ)句的位置不同。在 do-while 循環(huán)中，條件判斷語(yǔ)句會(huì)在每次循環(huán)結(jié)束后執(zhí)行一次。
do{
}while(condition)
let i=11
console.log(i);
i++
}while(i<=10)
那么什么時(shí)候需要使用 do-while 循環(huán)呢？當(dāng)你需要至少執(zhí)行一次特定操作，并且只有滿足某個(gè)條件才能繼續(xù)執(zhí)行下去時(shí)，就可以選擇使用 do-while 循環(huán)。
比如說(shuō)你需要寫(xiě)一個(gè)函數(shù)來(lái)模擬用戶登錄：
function login(){
let username,password;
do{
username = prompt("請(qǐng)輸入用戶名");
password = prompt("請(qǐng)輸入密碼");
if(username === "admin" && password === "123456"){
alert("登錄成功")
return true;
}else{
alert("用戶名或密碼錯(cuò)誤，請(qǐng)重新輸入")
}while(true)
login()
以上就是JavaScript中for、for in、while和do while的應(yīng)用場(chǎng)景詳解。不同類型的循環(huán)結(jié)構(gòu)適合不同的情況，我們?cè)诰帉?xiě)代碼時(shí)要根據(jù)具體需求選擇使用哪種循環(huán)結(jié)構(gòu)。希望本文能夠?qū)Υ蠹艺莆認(rèn)avaScript語(yǔ)言有所幫助！
分享題目：JavaScript中for、forin、while和dowhile的應(yīng)用場(chǎng)景詳解
文章地址：http://www.dlmjj.cn/article/cdpccsh.html
