对象方法用途记录

entries

注意：这是一个静态方法而非原型方法。
用途：需要将对象转换为数组进行处理时。

该方法接受一个对象，然后返回一个数组，该数组的每个元素为一组对象的键名和键值。

const arr = Object.entries({name1: 'tom', name2: 'lily'})
console.log('arr', arr)
// [['name1', 'tom'], ['name2', 'lily']]

用于结合map、filter、reduce等声明式函数进行无副作用的数据加工。
下面是对obj进行遍历并统计每个人的合计得分示例:

const obj = { tom: [1, 2, 3], lily: [1, 2] }
const items = Object.entries(obj).map(([key, values]) => ({
  name: key,
  value: values.reduce((acc, curr) => acc += curr, 0)
}))
console.log('items', items)
// [{ name: 'tom', value: 6 }, { name: lily, value: 3 }]

Object.keys

注意：这是一个静态方法而非原型方法。
用途：需要将对象转换为数组进行处理时。

const obj = {
    key1: 'xx',
    key2: 'xx',
}

const items = Object.keys(obj)
console.log(items)
// ['key1', 'key2']

用途和entries差不多，只不过取value的方式比entries稍微麻烦一点，需要用中括号读取value。