欧美bbbwbbbw肥妇,免费乱码人妻系列日韩,一级黄片

js中forEach，for in，for of循環(huán)的用法示例小結(jié)

 更新時(shí)間：2020年03月14日 10:13:55   作者：jadeshu  
這篇文章主要介紹了js中forEach，for in，for of循環(huán)的用法,結(jié)合實(shí)例形式總結(jié)分析了js中forEach，for in，for of循環(huán)相關(guān)使用技巧與操作注意事項(xiàng),需要的朋友可以參考下

本文實(shí)例講述了js中forEach，for in，for of循環(huán)的用法。分享給大家供大家參考，具體如下：

一、一般的遍歷數(shù)組的方法:

var array = [1,2,3,4,5,6,7];
for (var i = 0; i < array.length; i++) {
  console.log(i,array[i]);
}

二、用for in的方遍歷數(shù)組，得到的是索引

var array = [1,2,3,4,5,6,7];
for(let index in array) {
  console.log(index,array[index]);
};

三、forEach，得到的是元素

var array = [1,2,3,4,5,6,7];

array.forEach(e=>{
  console.log(e);
});

array.forEach(function(e){
  console.log(e);
});

四、用for in不僅可以對數(shù)組,也可以對enumerable對象操作!得到的是索引

var table = {
  a : 10,
  b : true,
  c : "jadeshu"
};

for(let index in table) {
  console.log(index, table[index]);
}

五、在ES6中,增加了一個for of循環(huán)，得到的是元素

var array = [1,2,3,4,5,6,7];

for(let ele of array) {
  console.log(ele);
};

var str = "helloabc";
for(let ele of str) {
  console.log(ele);
}

for of不能對象用

感興趣的朋友可以使用在線HTML/CSS/JavaScript代碼運(yùn)行工具：http://tools.jb51.net/code/HtmlJsRun測試上述代碼運(yùn)行效果。

PS：這里再為大家推薦一款JS數(shù)組遍歷方式分析對比工具供大家參考：

在線JS常見遍歷方式性能分析比較工具：http://tools.jb51.net/aideddesign/js_bianli

更多關(guān)于JavaScript相關(guān)內(nèi)容感興趣的讀者可查看本站專題：《JavaScript數(shù)組操作技巧總結(jié)》、《JavaScript遍歷算法與技巧總結(jié)》、《javascript面向?qū)ο笕腴T教程》、《JavaScript數(shù)學(xué)運(yùn)算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》

希望本文所述對大家JavaScript程序設(shè)計(jì)有所幫助。

相關(guān)文章

  • javascript代碼在ie8里報(bào)錯 document.getElementById(...) 為空或不是對象的解決方法

    javascript代碼在ie8里報(bào)錯 document.getElementById(...) 為空或不是對象的解決方

    今天更升級了ie8,發(fā)現(xiàn)原來在ie7下可以運(yùn)行的代碼，不能運(yùn)行了，發(fā)現(xiàn)了一些細(xì)節(jié)，附臨時(shí)修改辦法。
    2009-11-11
  • js刪除數(shù)組元素、清空數(shù)組的簡單方法(必看)

    js刪除數(shù)組元素、清空數(shù)組的簡單方法(必看)

    下面小編就為大家?guī)硪黄猨s刪除數(shù)組元素、清空數(shù)組的簡單方法(必看)。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2016-07-07
  • JavaScript面向?qū)ο缶幊虒?shí)現(xiàn)模擬

    JavaScript面向?qū)ο缶幊虒?shí)現(xiàn)模擬

    面向?qū)ο缶幊?Object Oriented Programming)將現(xiàn)實(shí)世界中的復(fù)雜關(guān)系抽象成一個個對象,通過對象之間的分工合作對現(xiàn)實(shí)世界進(jìn)行模擬
    2022-10-10
  • JS扁平化輸出數(shù)組的2種方法解析

    JS扁平化輸出數(shù)組的2種方法解析

    這篇文章主要介紹了JS扁平化輸出數(shù)組的2種方法解析,文中通過示例代碼介紹的非常詳細(xì)，對大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友可以參考下
    2019-09-09
  • JS數(shù)組交集、并集、差集的示例代碼

    JS數(shù)組交集、并集、差集的示例代碼

    本篇文章主要介紹了JS數(shù)組交集、并集、差集的示例代碼，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2017-08-08
  • javascript中判斷json的方法總結(jié)

    javascript中判斷json的方法總結(jié)

    JSON(JavaScript Object Notation) 是一種輕量級的數(shù)據(jù)交換格式，采用完全獨(dú)立于語言的文本格式，是理想的數(shù)據(jù)交換格式。同時(shí)，JSON是 JavaScript 原生格式，這意味著在 JavaScript 中處理 JSON數(shù)據(jù)不須要任何特殊的API或工具包，接下來跟著小編學(xué)習(xí)js中判斷json的方法吧
    2015-08-08
  • DWR中各種java方法的調(diào)用

    DWR中各種java方法的調(diào)用

    DWR是一個框架，簡單的說就是能夠在javascript直接調(diào)用java方法，而不必去寫一大堆的javascript代碼。它的實(shí)現(xiàn)是基于ajax的，可以實(shí)現(xiàn)無刷新效果。不少DWR的例子，但大都只是某種方法的調(diào)用只在使用層面上介紹DWR，并不涉更多的技術(shù)與設(shè)計(jì)javascript中是如何調(diào)用的。
    2016-05-05
  • 關(guān)于ExtJS4.1:快捷鍵支持的問題

    關(guān)于ExtJS4.1:快捷鍵支持的問題

    本篇文章小編為大家介紹，關(guān)于ExtJS4.1 快捷鍵支持的問題。需要的朋友參考下
    2013-04-04
  • ES6 更易于繼承的類語法的使用

    ES6 更易于繼承的類語法的使用

    這篇文章主要介紹了ES6 更易于繼承的類語法的使用，小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧
    2019-02-02
  • 用JS做的簡單的可折疊的兩級樹形菜單

    用JS做的簡單的可折疊的兩級樹形菜單

    可折疊的樹形菜單想必大家并不陌生吧，實(shí)現(xiàn)方法有多種，在本文將為大家介紹下js是如何實(shí)現(xiàn)的，希望對大家有所幫助
    2013-09-09

最新評論