javaScript遍歷對(duì)象和數(shù)組的方法總結(jié)
在日常工作過(guò)程中,我們對(duì)于javaScript遍歷對(duì)象、數(shù)組的操作是十分的頻繁的,今天抽空把經(jīng)常用到的方法小結(jié)一下,方便今后參考使用!
javaScript遍歷對(duì)象總結(jié)
1、使用Object.keys()遍歷
返回一個(gè)數(shù)組,包括對(duì)象自身的(不含繼承的)所有可枚舉屬性(不含Symbol屬性).
var obj = {'0':'a','1':'b','2':'c'}; Object.keys(obj).forEach(function(key){ console.log(key,obj[key]); });
2、使用for..in..遍歷
循環(huán)遍歷對(duì)象自身的和繼承的可枚舉屬性(不含Symbol屬性).
var obj = {'0':'a','1':'b','2':'c'}; for(var i in obj) { console.log(i,":",obj[i]); }
3、使用Object.getOwnPropertyNames(obj)遍歷
返回一個(gè)數(shù)組,包含對(duì)象自身的所有屬性(不含Symbol屬性,但是包括不可枚舉屬性).
var obj = {'0':'a','1':'b','2':'c'}; Object.getOwnPropertyNames(obj).forEach(function(key){ console.log(key,obj[key]); });
4、使用Reflect.ownKeys(obj)遍歷
返回一個(gè)數(shù)組,包含對(duì)象自身的所有屬性,不管屬性名是Symbol或字符串,也不管是否可枚舉.
var obj = {'0':'a','1':'b','2':'c'}; Reflect.ownKeys(obj).forEach(function(key){ console.log(key,obj[key]); });
javaScript遍歷數(shù)組總結(jié)
1、使用forEach遍歷
var arr=[1,2,3,4]; arr.forEach(function(val, index) { console.log(val, index); });
2、使用for..in..遍歷
var arr=["張三","李四","王五","趙六"]; for (var i in arr){ console.log(i,":",arr[i]); }
3、使用for-of遍歷
不僅支持?jǐn)?shù)組,還支持大多數(shù)類數(shù)組對(duì)象,例如DOM NodeList對(duì)象.
也支持字符串遍歷,它將字符串視為一系列的Unicode字符來(lái)進(jìn)行遍歷.
var arr=["張三","李四","王五","趙六"]; for (var value of arr){ console.log(value); }
到此這篇關(guān)于JS遍歷對(duì)象和數(shù)組的文章就介紹到這了。希望對(duì)大家的學(xué)習(xí)有所幫助,也希望大家多多支持腳本之家。
相關(guān)文章
Kindeditor單獨(dú)調(diào)用多圖上傳實(shí)例
下面小編就為大家?guī)?lái)一篇Kindeditor單獨(dú)調(diào)用多圖上傳實(shí)例。小編覺(jué)得挺不錯(cuò)的,現(xiàn)在就分享給大家,也給大家做個(gè)參考。一起跟隨小編過(guò)來(lái)看看吧2017-07-07獲得Javascript對(duì)象屬性個(gè)數(shù)的示例代碼
這篇文章主要是對(duì)獲得Javascript對(duì)象屬性個(gè)數(shù)的示例代碼進(jìn)行了介紹,需要的朋友可以過(guò)來(lái)參考下,希望對(duì)大家有所幫助2013-11-11javascript中全局對(duì)象的isNaN()方法使用介紹
全局對(duì)象的isNaN()方法通常用于檢測(cè) parseFloat() 和 parseInt() 的結(jié)果,下面為大家介紹下其具體的使用,感興趣的朋友可以參考下2013-12-12微信公眾號(hào)開(kāi)發(fā)之微信支付代碼記錄的實(shí)現(xiàn)
這篇文章主要介紹了微信公眾號(hào)開(kāi)發(fā)之微信支付代碼記錄的實(shí)現(xiàn),文中通過(guò)示例代碼介紹的非常詳細(xì),對(duì)大家的學(xué)習(xí)或者工作具有一定的參考學(xué)習(xí)價(jià)值,需要的朋友們下面隨著小編來(lái)一起學(xué)習(xí)學(xué)習(xí)吧2019-10-10JavaScript 定義function的三種方式小結(jié)
JavaScript中定義function有以下三種方式.2009-10-10Bootstrap table表格初始化表格數(shù)據(jù)的方法
這篇文章主要介紹了Bootstrap-table表格初始化表格數(shù)據(jù)的方法,非常不錯(cuò),具有一定的參考借鑒價(jià)值,需要的朋友可以參考下2018-07-07