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

js常見遍歷操作小結(jié)

 更新時間：2019年06月06日 09:00:19   作者：embaobao  
這篇文章主要介紹了js常見遍歷操作,結(jié)合實例形式分析了javascript for循環(huán)、for in、for each、each及map遍歷簡單操作技巧,需要的朋友可以參考下

本文實例講述了js常見遍歷操作。分享給大家供大家參考，具體如下：

for循環(huán)

var a = new Array("first", "second", "third") 
for(var i = 0;i < a.length; i++) {
document.write(a[i]+",");
}

for in

var arr = new Array("first", "second", "third") 
for(var item in arr) {
document.write(arr[item]+",");
}

for each

<button onclick="numbers.forEach(myFunction)">點我</button>
<p id="demo"></p>
<script>
demoP = document.getElementById("demo");
var numbers = [4, 9, 16, 25];
function myFunction(item, index) {
  demoP.innerHTML = demoP.innerHTML + "index[" + index + "]: " + item + "<br>"; 
}
</script>


var arr = [1,2,3,4];
arr.forEach(function(value,index,array){
  array[index] == value;  //結(jié)果為true
  sum+=value; 
  });
console.log(sum);  //結(jié)果為 10

each

$.each([],function(index,value,array){
　　　//code something
　})

map

[].map(function(value,index,array){
　　//code
})

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

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é)運算用法總結(jié)》、《JavaScript數(shù)據(jù)結(jié)構(gòu)與算法技巧總結(jié)》及《JavaScript錯誤與調(diào)試技巧總結(jié)》

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

相關(guān)文章

最新評論