導航:首頁 > 編程語言 > js的for循環實例

js的for循環實例

發布時間:2024-01-29 03:16:30

『壹』 javascript中for.....in的用法

for(in)的效率極差,因為他需要查詢散列鍵,只要可以就應該盡量少用

一樓的只說出了一個特殊的情況-數組,其實所有對象都可以應用for。。。in的

七主要作用為遍歷對象的所有屬性,下面給出一個實例

<html>
<head>
<title>一個使用到for...in循環的Javascript示例</title>
</head>
<body>
<script type="text/javascript">
// 創建一個對象 myObject 以及三個屬性 sitename, siteurl, sitecontent。
var myObject = new Object();
myObject.sitename = "布啦布啦";
myObject.siteurl = "blabla.cn";
myObject.sitecontent = "網頁教程代碼圖庫的中文站點";
//遍歷對象的所有屬性
for (prop in myObject)
{
document.write("屬性 '" + prop + "' 為 " + myObject[prop]);
document.write("<br>");
}
</script>
</body>
</html>

for(聲明:表達式)
語句

聲明 是一個變數,例如 Object listElement。這個變數應該有自己的類型,這樣,它就可以與將遍歷的列表、數組或集合中的每一個項兼容。
表達式 就是一個表達式。它計算的結果應當是可以遍歷的。在現在,只要保證表達式 計算的結果是一個集合或者數組就可以了。表達式可以簡單到就是一個變數,或者是一個方法調用(例如 getList()),亦或是包含布爾邏輯或三目運算符的復雜表達式。只要它返回一個數組或集合,就一切 OK。

語句 代表循環的內容,它對聲明 中定義的變數進行操作;當然,這是一個循環,所以語句 將應用到數組中集合的每個項目上。而且,使用大括弧({ 和 })時,還能使用多條語句。

其用法如下:創建一個變數,指向要遍歷的數組或集合,然後對定義的變數進行操作。不用對列表中的每個項目進行賦值,因為 for/in 替您處理了這件事。

『貳』 JavaScript循環語句輸出1到100的五種方法有哪些!

js">//1for循環
for(i=1;i<=100;i++){alert(i)}
//2while循環
vari=1
while(i<=100){
alert(i);
i++;
}
//3dowhile循環
vari=1;
do{
alert(i
i++;
}while(i<=100);

//forin和forEach用於數組版的循環遍歷權
//4forin
vararr1=[1,2,3,4,5,6,...99,100];
for(iinarr1){
alert(i);
}
//5foreach
vararr1=[1,2,3,4,5,6,...99,100];
arr1.forEach(function(i){alert(i)});

『叄』 詳解JS中常見的5 種 for 循環

for 循環在平時開發中使用頻率最高的,前後端數據交互時,常見的數據類型就是數組和對象,處理對象和數組時經常使用到 for 遍歷,因此需要徹底搞懂這 5 種 for 循環。它們分別為:

1、for
for 循環是出現最早,也是應用最普遍的一個遍歷,能夠滿足絕大多數的遍歷。可以遍歷 數組、對象、字元串,示例:

2、for ... in
for ... in 是在 ES5 中新增的,以任意順序迭代一個對象的除Symbol以外的可枚舉屬性,包括繼承的可枚舉屬性。

3、for ... of
for ... of 語句在可迭代對象(包括 Array、Map、Set、String、TypedArray、arguments 對象等等)上創建一個迭代循環,調用自定義迭代鉤子,並為每個不同屬性的值執行語句。

4、for await...of
創建一個循環,該循環遍歷非同步可迭代對象以及同步可迭代對象,包括內置的 String、Array,類數組對象(arguments 或 nodeList),TypedArray, Map, Set 和用戶定義的非同步/同步迭代器。
它使用對象的每個不同屬性的值調用要執行的語句來調用自定義迭代鉤子。
類似於 await 運算符一樣,該語句只能在一個async function 內部使用

5、forEach
forEach 是ES5版本發布的,按升序為數組中含有效值的每一項執行一次回調函數,那些已刪除或者未初始化的項將被跳過(例如在稀疏數組上),一般認為是 普通for循環 的加強版。

6、map
遍歷時可以返回一個新數組,新數組的結果是原數組中每個元素都調用一次提供的函數後返回的值。

1、使用場景差異
for循環是最早最原始的循環遍歷語句,for 內部定義一個變數,按照條件進行循環遍歷,通常是數組的長度,當超過長度時就停止循環,一般遍歷的都是數組或類數組。
遍歷對象時,由於對象沒有長度,所以使用 Object.keys() 獲取對象的所有屬性,以數組形式返回。
for / in主要是用來遍歷對象上的可枚舉屬性,包括原型對象上的屬性,按任意順序進行遍歷,遍歷對象時獲取到的是屬性的鍵值,遍歷的是數組,數組的下標當做鍵值。
for / of用於遍歷可迭代對象的數據,包括 Array、Map、Set、String、TypedArray、arguments 對象等等。
for await...of用於遍歷非同步可迭代對象,該語句只能在一個async function 內部使用。
forEach 是 for 的加升級版,使用更簡單,攜帶參數更多,但本質還是數組的循環,每個元素都執行一次回調,不會改變原數組。
map是給原數組每個元素都執行一次回調,返回一個新數組,不會改變原數組。
2、功能差異
forEach、map 不支持跳出循環,其他不支持。
for await ... of 能夠支持非同步操作,其他的不支持。
對於純對象的遍歷, for ... in 枚舉更方便。
對於數組遍歷,如果不需要索引,可以直接使用 for...of 獲取值,還可支持 break 或 return ;如果還需要索引,使用 forEach 更適合,但不支持 return。
如果是一個數組映射成另一個數組,使用 map 最合適。
3、性能差異
在測試環境、測試數據條件一致的情況下,性能排序為:
for > for of > forEach > map > for in。
for 因為沒有額外的函數調用和上下文,所以性能是最快的。
for ... of 具有 iterator 介面的數據結構,可以使用它來迭代成員,直接讀取鍵值。
forEach 是 for 的語法糖,還有許多的參數和上下文,因此會慢一些。
map 因為它返回的是一個等長的全新數組,數組創建和賦值產生的性能開銷較大。
for...in 性能最差,因為需要列舉對象的所有屬性,有轉化過程,開銷比較大。

在項目開發中,我們應該根據實際需求,去選擇一個合適的 for 遍歷。以下是一些使用建議:
如果需要把數據映射成另外一個數組,如變成對應布爾值,推薦使用 map ,不會修改原數組,使用語法簡單。
數組遍歷時,可以使用 for 、forEach 或 for...of。
遍歷的是純對象時,推薦使用 for ... in 。
如果是需要對迭代器遍歷,推薦使用 for ... of。
如果是在數組中篩選符合條件的數組,使用 fillter 。

『肆』 JavaScript中,怎麼控制循環語句循環次數

以循環10次為例
for循環:
for (var i=0; i<10;i++){}

while循環:
var i = 0;
while (true){
i ++;
if (i>=10) break;
//這里寫要執行的語句
}

閱讀全文

與js的for循環實例相關的資料

熱點內容
win8怎麼顯示文件格式 瀏覽:547
文件伺服器中毒 瀏覽:721
如何修改網站訪問次數 瀏覽:518
mdfldf是什麼文件 瀏覽:569
文件在桌面怎麼刪除干凈 瀏覽:439
馬蘭士67cd機版本 瀏覽:542
javaweb爬蟲程序 瀏覽:537
word中千位分隔符 瀏覽:392
迷你編程七天任務的地圖怎麼過 瀏覽:844
word2003格式不對 瀏覽:86
百度雲怎麼編輯文件在哪裡 瀏覽:304
起名app數據哪裡來的 瀏覽:888
微信怎麼去泡妞 瀏覽:52
百度廣告html代碼 瀏覽:244
qq瀏覽器轉換完成後的文件在哪裡 瀏覽:623
jsp中的session 瀏覽:621
壓縮完了文件去哪裡找 瀏覽:380
武裝突襲3浩方聯機版本 瀏覽:674
網路機頂盒移動網路 瀏覽:391
iphone手機百度雲怎麼保存到qq 瀏覽:148

友情鏈接