ES8(二) —— Object （keys、values、entries）

目錄

• ES8新增對對象快速遍歷的方法

  • Object.keys()

    • 返回一個數組
    • 條件篩選
  • Object.values()

  • Object.entries()

    • 能夠把對象變成可遍歷的對象
    • 能夠傳到Map中變成一個map對象進行操做
• ES6-ES10學習版圖

ES8新增對對象快速遍歷的方法

Object.keys()

• 參數是目標對象
• 返回的是指定對象的鍵組成的數組

返回一個數組

ES5

let grade = {
  "lilei": 96,
  "hanmeimei": 99
}

let result = []

for (let k in grade) {
  result.push(k)
}

console.log(result) //["lilei", "hanmeimei"]

ES8

let grade = {
  "lilei": 96,
  "hanmeimei": 99
}

console.log(Object.keys(grade)) //["lilei", "hanmeimei"]

條件篩選

ES5

let grade = {
  "lilei": 96,
  "hanmeimei": 99
}

let result = []

for (let k in grade) {
  if(k === 'lilei'){
    result.push(k)
  }
}

console.log(result) // ["lilei"]

ES8

let grade = {
  "lilei": 96,
  "hanmeimei": 99
}

console.log(Object.keys(grade).filter(item => item === 'lilei')) // ["lilei"]
// 返回一個數組，以後能夠對數組進行合併、替換、查找

Object.values()

• 參數是目標對象
• 返回的是值組成的數組

let grade = {
  "lilei": 96,
  "hanmeimei": 99
}

console.log(Object.values(grade)) // [96,99]
console.log(Object.values(grade).filter(item => item > 97)) //[99]

Object.entries()

能夠把對象變成可遍歷的對象

能夠結合 ES6（十五）—— lterator 使用

let grade = {
  "lilei": 96,
  "hanmeimei": 99
}


for(let [k, v] of Object.entries(grade)){
  console.log(k,v)
}
// lilei 96
// hanmeimei 99

能夠傳到Map中變成一個map對象進行操做

本質依舊是把對象變成可遍歷的，符合lterator結構的

let grade = {
  "lilei": 96,
  "hanmeimei": 99
}
let map1 = new Map(Object.entries(grade))
map1.get("lilei") // 96

ES6-ES10學習版圖