js 循环对象的四种方法

 1.for in 

let obj = {
  'name': 'cookie',
  'age': 18
}

for (let key in obj) {
  console.log(key); // name age
  console.log(obj[key]); // cookie 18
  if(key == 'name') {
    break // break 能跳出循环
  }
  console.log(key); // 没有值输出

  if(key == 'name') {
    continue // continue 能中止此次循环
  }
  console.log(key); // age
}

2.Object.keys  Object.values返回一个数组

// 返回：一个数组
let key = Object.keys(obj)
console.log(key); // 输出为数组 ["name", "age"]
console.log(obj[key]); // ["cookie", 18]

Object.keys获取对象键

Object.values获取对象键值

let arr = {a:[1,2],b:[3,4]}

console.log( Object.keys(arr)) //['a', 'b']
console.log( Object.values(arr)) //[[1, 2] [3, 4]]

 3.Object.getOwnPropertyNames(obj)方法返回在给定对象中直接找到的所有属性(即key 值) 返回类型是数组

// 返回：一个数组
let key = Object.getOwnPropertyNames(obj)
console.log(key);

4.Object.entries()方法返回一个给定对象自身可枚举属性的键值对数组

console.log(Object.entries(obj));  // 0: (2) ["name", "cookie"] 1: (2) ["age", 18]

for (let [key,value] of Object.entries(obj)) {
  console.log(key,value); // name cookie age 18
}