javaScript遍历对象总结

定义对象：

  const obj = {
        name: 'zlx',
        id: 245,
        age: 25,
        gender: '男',
      }

1. 使用 for... in..循环遍历

对象的属性有2种方式可以访问

a）对象.属性名

b）对象.["属性名"]

   for (let inx in obj) {
        console.log(inx) // 返回的属性名
        console.log(obj[inx]) // 返回的属性值
      }

2. 使用方法 Object.keys()   Object.values()  Object.entries()

2.1 Object.keys() 返回的属性名的数组

    console.log(Object.keys(obj)) // 返回数组 属性名  ['name', 'id', 'age', 'gender']
      const arr = Object.keys(obj) // 定义变量接收
      for (let i = 0; i < arr.length; i++) {
        // 遍历取值
        console.log(obj[arr[i]]) // 注意keys返回的是属性名数组
        // console.log(arr[i])
      }

2.2 Object.values()   返回属性值的数组

    console.log(Object.values(obj)) // 返回数组  属性值的数组
      const arr = Object.values(obj)
      for (let i = 0; i < arr.length; i++) {
        console.log(arr[i]) // 返回对象属性值
      }

2.3 Object.entries()  返回属性名 和 属性值的二维数组

  console.log(Object.entries(obj)) // 返回数组
      const arr = Object.entries(obj) // arr 是二维数组 包含的是 属性名 和 属性值
      for (let i = 0; i < arr.length; i++) {
        // console.log(arr) // 返回一维数组
        // console.log(arr[i][0]) // 返回属性名
        console.log(arr[i][1]) // 返回属性值
      }