javaScript遍歷對象和數組的方法總結
更新時間：2022年06月21日 14:45:55 作者：小旭2021
這篇文章介紹了javaScript遍歷對象和數組的方法，文中通過示例代碼介紹的非常詳細。對大家的學習或工作具有一定的參考借鑒價值，需要的朋友可以參考下
在日常工作過程中，我們對于javaScript遍歷對象、數組的操作是十分的頻繁的，今天抽空把經常用到的方法小結一下，方便今后參考使用！
javaScript遍歷對象總結
1、使用Object.keys()遍歷
返回一個數組,包括對象自身的(不含繼承的)所有可枚舉屬性(不含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)遍歷對象自身的和繼承的可枚舉屬性(不含Symbol屬性).
var obj = {'0':'a','1':'b','2':'c'};
for(var i in obj) {
console.log(i,":",obj[i]);
}
3、使用Object.getOwnPropertyNames(obj)遍歷
返回一個數組,包含對象自身的所有屬性(不含Symbol屬性,但是包括不可枚舉屬性).
var obj = {'0':'a','1':'b','2':'c'};
Object.getOwnPropertyNames(obj).forEach(function(key){
console.log(key,obj[key]);
});
4、使用Reflect.ownKeys(obj)遍歷
返回一個數組,包含對象自身的所有屬性,不管屬性名是Symbol或字符串,也不管是否可枚舉.
var obj = {'0':'a','1':'b','2':'c'};
Reflect.ownKeys(obj).forEach(function(key){
console.log(key,obj[key]);
});
javaScript遍歷數組總結
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遍歷
不僅支持數組，還支持大多數類數組對象，例如DOM NodeList對象.
也支持字符串遍歷，它將字符串視為一系列的Unicode字符來進行遍歷.
var arr=["張三","李四","王五","趙六"];
for (var value of arr){
console.log(value);
}
到此這篇關于JS遍歷對象和數組的文章就介紹到這了。希望對大家的學習有所幫助，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了JS實現彈性菜單效果代碼,可實現鼠標滑過后背景色滑塊彈性滑過的效果,非常具有實用價值,需要的朋友可以參考下2015-09-09
下面小編就為大家?guī)硪黄狵indeditor單獨調用多圖上傳實例。小編覺得挺不錯的，現在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-07-07
跟我學習javascript的全局變量，告訴大家三種避免全局變量的方法，感興趣的小伙伴們可以參考一下2015-11-11
這篇文章主要介紹了vue組件創(chuàng)建的三種方式小結，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-02-02
這篇文章主要是對獲得Javascript對象屬性個數的示例代碼進行了介紹，需要的朋友可以過來參考下，希望對大家有所幫助2013-11-11
全局對象的isNaN()方法通常用于檢測 parseFloat() 和 parseInt() 的結果，下面為大家介紹下其具體的使用，感興趣的朋友可以參考下2013-12-12
本文主要介紹了JavaScript拖動層Div的代碼實例。具有很好的參考價值，下面跟著小編一起來看下吧2017-03-03
這篇文章主要介紹了微信公眾號開發(fā)之微信支付代碼記錄的實現，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2019-10-10
JavaScript中定義function有以下三種方式.2009-10-10
這篇文章主要介紹了Bootstrap-table表格初始化表格數據的方法，非常不錯，具有一定的參考借鑒價值,需要的朋友可以參考下2018-07-07