建站
咨詢
售后
建站咨詢
新聞中心
循環(huán)結(jié)構(gòu)也是非常重要的一個知識點。其中最基礎(chǔ)的幾種循環(huán)結(jié)構(gòu)包括：本文將詳細(xì)介紹這四種不同類型的循環(huán)結(jié)構(gòu)以及它們各自適合使用的應(yīng)用場景。i++) {// 執(zhí)行代碼}第一個參數(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è)計、長洲網(wǎng)站維護(hù)等服務(wù)，公司將堅持客戶導(dǎo)向、應(yīng)用為本的策略，正道將秉承"和諧、參與、激情"的文化，與客戶和合作伙伴齊心協(xié)力一起成長，共同發(fā)展。
在前端開發(fā)中，JavaScript是一門必不可少的語言。而在JavaScript中，循環(huán)結(jié)構(gòu)也是非常重要的一個知識點。其中最基礎(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)用場景。
一. for 循環(huán)
首先來看最基礎(chǔ)的 for 循環(huán)。它有三個參數(shù)：
```
for (let i = 0; i < n; i++) {
// 執(zhí)行代碼
}
第一個參數(shù)表示起始值；第二個參數(shù)表示條件判斷；第三個參數(shù)表示每次執(zhí)行完后增加/減少多少。
例如我們可以通過以下方式打印出1~10之間所有數(shù)字:
for(let i=1;i<=10;i++){
console.log(i)
那么什么時候需要使用 for 循環(huán)呢？當(dāng)你已經(jīng)知道了具體要做多少遍操作時，就可以選擇使用 for 循環(huán)。
比如說你需要寫一個函數(shù)來計算數(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)是用來遍歷對象屬性的。它有一個參數(shù)，就是要被遍歷的對象。
for (let key in obj) {
例如我們可以通過以下方式打印出一個對象中所有屬性及其對應(yīng)的值:
const person = {
name: '張三',
age: 18,
gender: '男'
};
for(let key in person){
console.log(`${key}: ${person[key]}`)
那么什么時候需要使用 for in 循環(huán)呢？當(dāng)你需要遍歷某個對象的所有屬性時，就可以選擇使用 for in 循環(huán)。
比如說你需要寫一個函數(shù)來計算某個人所擁有的全部財產(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)只有一個條件判斷語句，并且這個條件判斷語句會在每次循環(huán)開始前執(zhí)行一次。只要滿足條件，就會一直執(zhí)行下去。
while(condition){
// 執(zhí)行代碼
let i = 1;
while(i<=10){
console.log(i);
i++;
那么什么時候需要使用 while 循環(huán)呢？當(dāng)你不知道具體要做多少遍操作，但是知道何時停止循環(huán)時，就可以選擇使用 while 循環(huán)。
比如說你需要寫一個函數(shù)來計算某個數(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ū)別在于條件判斷語句的位置不同。在 do-while 循環(huán)中，條件判斷語句會在每次循環(huán)結(jié)束后執(zhí)行一次。
do{
}while(condition)
let i=11
console.log(i);
i++
}while(i<=10)
那么什么時候需要使用 do-while 循環(huán)呢？當(dāng)你需要至少執(zhí)行一次特定操作，并且只有滿足某個條件才能繼續(xù)執(zhí)行下去時，就可以選擇使用 do-while 循環(huán)。
比如說你需要寫一個函數(shù)來模擬用戶登錄：
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的應(yīng)用場景詳解。不同類型的循環(huán)結(jié)構(gòu)適合不同的情況，我們在編寫代碼時要根據(jù)具體需求選擇使用哪種循環(huán)結(jié)構(gòu)。希望本文能夠?qū)Υ蠹艺莆認(rèn)avaScript語言有所幫助！
分享文章：JavaScript中for、forin、while和dowhile的應(yīng)用場景詳解
標(biāo)題來源：http://www.5511xx.com/article/cdpccsh.html
