JavaScript基础:对象的循环遍历

对象的循环遍历

在这里插入图片描述

一、方法种类

  • for in
  • Object.keys()
  • Object.getOwnPropertyNames()
  • Object.OwnPropertySymbols()
  • Reflect.ownKeys()

二、方法规则

  1. for…in:循环遍历对象自身的和继承的可枚举的属性(不含 Symbol 属性)。

    for (const key in obj) {
          
          
            console.log(key + ' --- ' + obj[key]);
        }
    
  2. Object.keys(obj):返回一个数组,包括对象自身的所有可枚举属性(不含继承的和Symbol 属性)。

    for (const key of Object.keys(obj)) {
          
          
            console.log(key + ' --- ' + obj[key]);
        }
    
  3. Object.getOwnPropertyNames(obj):返回一个数组,包含对象自身的所有属性(不含 Symbol 属性,但包含不可枚举属性)。

    for (const key of Object.getOwnPropertyNames(obj)) {
          
          
            console.log(key + ' --- ' + obj[key]);
        }
    
  4. Object.getOwnPropertySymbols(obj):返回一个数组,包含对象自身的所有 Symbol 属性。

    for (const key of Object.getOwnPropertySymbols(obj)) {
            console.log(key + ' --- ' + obj[key]);
        }
    
  5. Reflect.ownKeys(obj):返回一个数组,包含对象自身的所有属性(不含继承的)。

    for (const key of Reflect.ownKeys(obj)) {
          
          
            console.log(key + ' --- ' + obj[key]);
        }
    

三、遍历规则

这几种方法遍历对象的键名,都遵守以下次序规则:

  1. 首先遍历所有数值键,按照数值升序排列。
  2. 其次遍历所有字符串键,按照加入时间升序排列。
  3. 最后遍历所有 Symbol 键,按照加入时间升序排列。

猜你喜欢

转载自blog.csdn.net/imagine_tion/article/details/112539538