常用对象的遍历方法

var obj = [
  {
     name: '1111',
     account: {
       '01': { name: '1.1' },
       '02': { name: '1.2' },
       '03': { name: '1.3' },
       '04': { name: '1.4' },
       '05': { name: '1.5' },
     }
   }
]

var nowObj = obj[0].account;

1、for…in

任意顺序遍历对象所有的可枚举属性（包括对象自身的和继承的可枚举属性，不含 Symbol 属性）

for (const key in nowObj) {
  console.log(nowObj[key].name);
}

在这里插入图片描述

2、 Object.keys()

Object.keys() ES5 新增的一个对象方法，该方法接收一个对象为参数，返回一个数组，包含该对象自有的可枚举属性（不含继承的和Symbol属性），数组中属性名的排列顺序和正常循环遍历该对象时返回的顺序一致。

   console.log(Object.keys(nowObj));

在这里插入图片描述

// 简单数组
const arr = ["a", "b", "c"];
console.log(Object.keys(arr)); // ['0', '1', '2']

// 类数组对象
const obj = { 0: "a", 1: "b", 2: "c" };
console.log(Object.keys(obj)); // ['0', '1', '2']

// 键的顺序随机的类数组对象
const anObj = { 100: "a", 2: "b", 7: "c" };
console.log(Object.keys(anObj)); // ['2', '7', '100']

// getFoo 是一个不可枚举的属性
const myObj = Object.create(
  {},
  {
    getFoo: {
      value() {
        return this.foo;
      },
    },
  },
);
myObj.foo = 1;
console.log(Object.keys(myObj)); // ['foo']

3、Object.values()

返回一个给定对象的自有可枚举字符串键属性值组成的数组。

console.log(Object.values(nowObj));

在这里插入图片描述

const obj = { foo: "bar", baz: 42 };
console.log(Object.values(obj)); // ['bar', 42]

// 类数组对象
const arrayLikeObj1 = { 0: "a", 1: "b", 2: "c" };
console.log(Object.values(arrayLikeObj1)); // ['a', 'b', 'c']

// 具有随机键排序的类数组对象
// 使用数字键时，将按键的数字顺序返回值
const arrayLikeObj2 = { 100: "a", 2: "b", 7: "c" };
console.log(Object.values(arrayLikeObj2)); // ['b', 'c', 'a']

// getFoo 是一个不可枚举的属性
const myObj = Object.create(
  {},
  {
    getFoo: {
      value() {
        return this.foo;
      },
    },
  },
);
myObj.foo = "bar";
console.log(Object.values(myObj)); // ['bar']