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

JavaScript遍歷數(shù)組和對象的元素簡單操作示例

 更新時間：2019年07月09日 10:08:16   作者：webbc  
這篇文章主要介紹了JavaScript遍歷數(shù)組和對象的元素簡單操作,結(jié)合實例形式分析了javascript數(shù)組與對象元素遍歷相關(guān)操作技巧與注意事項,需要的朋友可以參考下

本文實例講述了JavaScript遍歷數(shù)組和對象的元素。分享給大家供大家參考，具體如下：

博主最近一直在學(xué)習(xí)JavaScript，今天給大家分享如何遍歷JavaScript中的數(shù)組和對象的元素，這篇文章相當于做一篇小的筆記，希望能幫助到大家！

遍歷數(shù)組

<script>
var arr = ['關(guān)羽','張飛','趙云','馬超','黃忠'];//定義數(shù)組
//遍歷數(shù)組
for(var i = 0;i<arr.length;i++){
  console.log(arr[i]);
}
</script>

運行結(jié)果：

遍歷對象

<script>
var obj = {'name':'webbc','age':22,'area':'淮南'};//定義對象
//遍歷對象元素
for(var k in obj){
  console.log(k+':'+obj[k]);//注意這里應(yīng)該使用obj[k]這種方式來遍歷屬性，如果使用obj.k，就會認為obj對象中有一個k屬性
}
</script>

運行結(jié)果：

感興趣的朋友可以使用在線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)文章

最新評論