JavaScript基礎(chǔ)知識(shí)21-for循環(huán)

嘍，大家好，我是雷工！

今天學(xué)習(xí)for循環(huán)，以下為學(xué)習(xí)筆記。

1、while循環(huán)和for循環(huán)有啥不同？

1.1、在實(shí)際開(kāi)發(fā)中，while循環(huán)用來(lái)解決循環(huán)次數(shù)不確定時(shí)使用，當(dāng)一個(gè)循環(huán)不確定會(huì)循環(huán)多少次時(shí)，推薦使用while循環(huán)。

1.2、與之相反，在實(shí)際開(kāi)發(fā)中，當(dāng)循環(huán)次數(shù)確定的時(shí)候，推薦大家使用for循環(huán)。

2、學(xué)習(xí)for循環(huán)的必要性？

2.1、for循環(huán)可以完美解決while循環(huán)容易丟失修改變量那一步；

2.2、遍歷數(shù)組時(shí)必須使用for循環(huán)才能實(shí)現(xiàn)。

3、for循環(huán)語(yǔ)法：

for(初始化變量;條件;變量自增或自減)

{

//循環(huán)體代碼

}

4、for循環(huán)語(yǔ)法說(shuō)明

4.1、初始化變量：即初始化條件中用到的變量。

4.2、初始化完成后，程序會(huì)將初始化后的變量值帶入條件中，判斷條件是否成立，如果判斷結(jié)果為true，即條件成立，則立即執(zhí)行循環(huán)體代碼。

4.3、運(yùn)行完循環(huán)體代碼，則執(zhí)行變量修改（自增或自減），將修改后的數(shù)值再次帶入到條件中，條件成立則再次執(zhí)行循環(huán)體代碼。

4.4、如果條件不成立，結(jié)果為false，那么將不會(huì)執(zhí)行循環(huán)體代碼，跳出循環(huán)。

5、示例：

單 for 循環(huán)

下面的寫(xiě)法效率更高：

知道為啥嗎？在評(píng)論區(qū)說(shuō)說(shuō)你的看法

for-in

for-in 循環(huán)遍歷的是對(duì)象的屬性，而不是數(shù)組的索引。因此， for-in 遍歷的對(duì)象便不局限于數(shù)組，還可以遍歷對(duì)象。

這是遍歷數(shù)組

這是遍歷對(duì)象

注意，for-in 遍歷屬性的順序并不確定，即輸出的結(jié)果順序與屬性在對(duì)象中的順序無(wú)關(guān)，也與屬性的字母順序無(wú)關(guān)，與其他任何順序也無(wú)關(guān)。

里是JavaScript支持的另外一個(gè)循環(huán)。它被稱為for...in循環(huán)。這個(gè)循環(huán)是用于循環(huán)一個(gè)對(duì)象的屬性。

因?yàn)槲覀冞€沒(méi)有討論的對(duì)象，所以使用這一循環(huán)可能會(huì)感覺(jué)不太明白。但是，一旦你會(huì)對(duì)JavaScript對(duì)象了解后，那么會(huì)發(fā)現(xiàn)這個(gè)循環(huán)非常有用。

語(yǔ)法

for (variablename in object){
  statement or block to execute
}123復(fù)制代碼類型：[javascript]

從對(duì)象每次迭代一個(gè)屬性分配給變量名(variablename)，這個(gè)循環(huán)持續(xù)到該對(duì)象的所有屬性都用盡。

例子：

下面是打印出Web瀏覽器的導(dǎo)航器-Navigator對(duì)象的屬性，如下面的例子：

<script type="text/javascript">
<!--
var aProperty;
document.write("Navigator Object Properties<br /> ");
for (aProperty in navigator)
{
  document.write(aProperty);
  document.write("<br />");
}
document.write("Exiting from the loop!");
//-->
</script>
12345678910111213復(fù)制代碼類型：[javascript]

這將產(chǎn)生以下結(jié)果：

Navigator Object Properties
appCodeName
appName
appMinorVersion
cpuClass
platform
plugins
opsProfile
userProfile
systemLanguage
userLanguage
appVersion
userAgent
onLine
cookieEnabled
mimeTypes
Exiting from the loop!

開(kāi)課吧廣場(chǎng)-人才學(xué)習(xí)交流平臺(tái)

在線咨詢

上一篇：你知道空白網(wǎng)頁(yè)的顏色是什么嗎？
下一篇：HTML移動(dòng)端側(cè)滑菜單功能

您的項(xiàng)目需求

*請(qǐng)認(rèn)真填寫(xiě)需求信息，我們會(huì)在24小時(shí)內(nèi)與您取得聯(lián)系。

整合營(yíng)銷服務(wù)商