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

更新時(shí)間：2019年07月09日 10:08:16 作者：webbc

這篇文章主要介紹了JavaScript遍歷數(shù)組和對(duì)象的元素簡(jiǎn)單操作,結(jié)合實(shí)例形式分析了javascript數(shù)組與對(duì)象元素遍歷相關(guān)操作技巧與注意事項(xiàng),需要的朋友可以參考下

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

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

遍歷數(shù)組

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

運(yùn)行結(jié)果：

遍歷對(duì)象

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

運(yùn)行結(jié)果：

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

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

在線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錯(cuò)誤與調(diào)試技巧總結(jié)》

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

您可能感興趣的文章:

相關(guān)文章

在新窗口打開超鏈接的方法小結(jié)
有時(shí)候我們想讓用戶在新窗口打開網(wǎng)站，因?yàn)槟J(rèn)當(dāng)前窗口打開，很多情況下，用戶并不喜歡
2013-04-04
一個(gè)表格收縮展開的函數(shù)
一個(gè)表格收縮展開的函數(shù)...
2006-07-07
JavaScript表單驗(yàn)證完美代碼
用原生JS寫一個(gè)簡(jiǎn)單的表單驗(yàn)證功能，代碼分為html部分和js部分，代碼簡(jiǎn)單易懂，非常不錯(cuò)，具有參考借鑒價(jià)值，需要的朋友參考下
2017-03-03
正則表達(dá)式中特殊符號(hào)及正則表達(dá)式的幾種方法總結(jié)(replace,test,search)
這篇文章主要是對(duì)正則表達(dá)式中特殊符號(hào)及正則表達(dá)式的幾種方法進(jìn)行了詳細(xì)的總結(jié)介紹，需要的朋友可以過來參考下，希望對(duì)大家有所幫助
2013-11-11
ES6中Symbol類型用法實(shí)例詳解
這篇文章主要介紹了ES6中Symbol類型用法,結(jié)合實(shí)例形式分析了Symbol類型的功能、使用方法與相關(guān)注意事項(xiàng),需要的朋友可以參考下
2017-04-04
深入學(xué)習(xí)js函數(shù)的隱式參數(shù) arguments 和 this
這篇文章主要介紹了深入學(xué)習(xí)js函數(shù)的隱式參數(shù) arguments 和 this，arguments是一個(gè)類數(shù)組結(jié)構(gòu)，它保存了調(diào)用時(shí)傳遞給函數(shù)的所有實(shí)參；this是函數(shù)執(zhí)行時(shí)的上下文對(duì)象, 這個(gè)對(duì)象有些讓人感到困惑的行為。下面分別對(duì)他們進(jìn)行討論。,需要的朋友可以參考下
2019-06-06
通過高德地圖API獲得某條道路上的所有坐標(biāo)用于描繪道路的方法
這篇文章主要介紹了通過高德地圖API獲得某條道路上的所有坐標(biāo)用于描繪道路的方法，文中通過示例代碼介紹的非常詳細(xì)，對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值，需要的朋友們下面隨著小編來一起學(xué)習(xí)學(xué)習(xí)吧
2020-08-08
JavaScript的Number對(duì)象的toString()方法
toString()方法可以把Number對(duì)象轉(zhuǎn)換成字符串，并返回此字符串，本文給大家介紹JavaScript的Number對(duì)象的toString()方法，對(duì)javascript對(duì)象方法相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧
2015-12-12
快速查找數(shù)組中的某個(gè)元素并返回下標(biāo)示例
最近在寫jquery的combobox插件時(shí)遇到效率問題，再加上jquery選擇器的類帥選，導(dǎo)致效率很慢，采用以下方式二，可以輕松解決此問題
2013-09-09
JS字符串長(zhǎng)度判斷,超出進(jìn)行自動(dòng)截取的實(shí)例(支持中文)
下面小編就為大家?guī)硪黄狫S字符串長(zhǎng)度判斷,超出進(jìn)行自動(dòng)截取的實(shí)例(支持中文)。小編覺得挺不錯(cuò)的，現(xiàn)在就分享給大家，也給大家做個(gè)參考。一起跟隨小編過來看看吧
2017-03-03