JavaScript遍历对象和数组的方法总结

jiekechoo 发布于2019-08-23 12:55 / 2400人阅读

摘要：日常开发中我们难免需要对数组和对象进行遍历，今天抽空来总结下遍历数组和对象常用的方法。使用遍历对象注只能遍历出自身可枚举的属性，而不能遍历出原型链上面的属性。

日常开发中我们难免需要对数组和对象进行遍历，今天抽空来总结下遍历数组和对象常用的方法。

Javascript遍历数组总结

我们定义一个数组 var arr = [2,4,6];

1.使用for循环遍历

    var length = arr.length;
    for(var i = 0;i < length; i++){
        console.log(i,arr[i])
    }

2.使用forEach遍历

    arr.forEach((val,index)=>{
        console.log(val,index);
    })

3.使用for in 遍历

    for(var key in arr){
        console.log(key,arr[key]);
    }

4.使用for of 遍历

    for(var key in arr){
            console.log(key,arr[key]);
        }

Javascript遍历对象总结

我们先定义一个简单的对象 var obj = {a:22,b:44}

1.使用for in遍历

    for(var key in obj){
        console.log(key, obj[key]);
    }

注：for in会遍历对象的每一个可枚举的属性，包括原型链上的可枚举属性。

2.使用Object.keys()遍历对象

    Object.keys(obj).forEach(val=>{console.log(val)})

注：Object.keys()只能遍历出自身可枚举的属性，而不能遍历出原型链上面的属性。

3.使用Object.getOwnPropertyNames()遍历

Object.getOwnPropertyNames(obj).forEach(val=>{console.log(val,obj[val])})

注：Object.getOwnPropertyNames()只能遍历自身的属性（无论是否可枚举均可以遍历出），但是不包括原型链上的属性。

4.使用Reflect.ownKeys()遍历

     Reflect.ownKeys(obj).forEach(val=>{console.log(val, obj[val])})

云服务器 GPU云服务器 javascript对象遍历 javascript对象数组 javascript对象方法 javascript数组方法

文章版权归作者所有，未经允许请勿转载,若此文章存在违规行为，您可以联系管理员删除。

转载请注明本文地址：https://www.ucloud.cn/yun/99097.html

Javascript各种数组遍历方法归纳总结和兼容写法

摘要：主要用于枚举对象数组遍历效率最低的方法。当前数组元素的值。传递给函数的初始值注意对于空数组是不会执行回调函数的。前言 PS: 2018/04/26 优化一下排版,重新梳理一下方法,补充一些信息,删除JQuery库用法,只讲解Javascript自带的, for in 语句用于遍历数组或者对象的属性（对数组或者对象的属性进行循环操作）。主要用于枚举对象, 数组遍历效率最低的方法。 va...

Sanchi 2019-08-26 10:29 评论0 收藏0
javaScript数组遍历方法总结

摘要：首次调用回调函数时，和可以是两个值之一。否则返回张三男王小毛男李四男李四返回结果为李四男方法李四对于数组中的每个元素，方法都会调用一次回调函数采用升序索引顺序，直到有元素返回。数组遍历方法 1.for循环使用临时变量，将长度缓存起来，避免重复获取数组长度，当数组较大时优化效果才会比较明显。 for(var j = 0,j < arr.length;j++) { //执行代码 ...

shiguibiao 2019-08-26 10:39 评论0 收藏0
JavaScript数组循环遍历总结

摘要：如果省略，则将用作值返回值如果函数为所有数组元素返回，则为否则为。不为数组中缺少的元素调用该回调函数。数组元素的数字索引。方法会为中的每个元素调用函数，直到返回，或直到到达数组的结尾。这一部分应该放在《JavaScript处理数组函数总结》里面的，但是。。。。。。没有但是。 1. for for循环最常用的地方是利用索引来遍历数组： var arr = [Microsoft,Goog...

missonce 2019-08-19 18:18 评论0 收藏0
JavaScript循环遍历你会用哪些？

摘要：总结中的循环遍历定义一个数组和对象经常用来遍历数组元素遍历值为数组元素索引用来遍历数组元素第一个参数为数组元素，第二个参数为数组元素索引，第三个参数为数组本身可选没有返回值用来遍历数组元素第一个参数为数组元素，第二个参数为数组元素索引，第三总结JavaScript中的循环遍历定义一个数组和对象 const arr = [a, b, c, d, e, f]; const obj = ...

CHENGKANG 2019-08-23 12:10 评论0 收藏0
JavaScript数组

摘要：与稀疏数组对立的为密集数组，密集数组的索引会被持续的创建，并且其元素的数量等于其长度。创建一个长度为的数组，并初始化了个元素使用构造函数创建数组对象的时候，关键字是可以省略的。另外使用和删除元素是影响数组的长度的。说明：本文只总结了JavaScript数组在web端的行为，不包括NodeJs端的行为。本文不涉及类型化数组（TypedArray）的讨论、总结。一、什么是数组数组的定...

HtmlCssJs 2019-08-23 10:23 评论0 收藏0