js中遍历对象和数组的常用方法

Posted yzkddhxb

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js中遍历对象和数组的常用方法相关的知识,希望对你有一定的参考价值。

1、对象

for(var 键名 in 对象)

例:

var obj = {name:‘a‘,age:13}
for( val in obj){
    console.log(val,arr2[val]); //name a 
              //age 13
}
 
 
2、数组
(1)forEach(function(val,index,arr)) 无返回值
例:
var arr = [4,3,2,1];
    arr.forEach(function(val,index,arr){
        console.log(val);                //4
        console.log(index);              //0
        console.log(arr);                //[4,3,2,1]       
    });
(2)map(function(val,index,arr)) 返回一个新数组
例:
arr.map(function(val,index,arr){
        console.log(val);                //4
        console.log(index);              //0
        console.log(arr);                //[4,3,2,1]       
    });
(3)filter 主要用于过滤  返回一个新数组
// 筛选出大于3的数
[2, 3, 4, 5,10].filter(function(val, index) {
    return val > 3;  //[4,5]
})
 
// 筛选出能整除5的数
[2, 3, 4, 5,10].filter(function(val, index) {
   return val % 5 == 0;  //[5,10]
})

以上是关于js中遍历对象和数组的常用方法的主要内容,如果未能解决你的问题,请参考以下文章

vue中常用的js循环遍历对象的方法列举-案例

js遍历 各种方法优缺点

js遍历 各种方法优缺点

JavaScript 中的常用12种循环遍历(数组或对象)的方法

js数组遍历和对象遍历

js数组遍历和对象遍历