js常用遍历对象的四种方式

1.for……in

  const obj = { a: 1, b: 2, c: 3 };

  for (const key in obj) {
    console.log(key, ':', obj[key]);
  }

2.Object.keys()

可以获取对象的所有可枚举属性的键名，并返回一个数组。然后可以使用数组的遍历方法（如forEach、map等）进行遍历.

  const obj = { a: 1, b: 2, c: 3 };

  Object.keys(obj).forEach(key => {
    console.log(key, ':', obj[key]);
  });

效果如上图

3.Object.values()

可以获取对象的所有可枚举属性的值，并返回一个数组。然后可以使用数组的遍历方法进行遍历。

  const obj = { a: 1, b: 2, c: 3 };

  Object.values(obj).forEach(value => {
    console.log(value);
  });

4.Object,entries()

可以将对象转换为包含键值对的二维数组。然后可以使用数组的遍历方法进行遍历。

  const obj = { a: 1, b: 2, c: 3 };

  Object.entries(obj).forEach(([key, value]) => {
    console.log(key, ':', value);
  });

效果如上上图。

还有一点要补充的

typeof data === 'object'

用typeof 判断数据类型，得到的是字符串。