538 Object.values 、Object.entries、Object.getOwnPropertyDescriptors

4.2.Object.values 和 Object.entries

  1. Object.values()方法返回一个给定对象的所有可枚举属性值的数组
  2. Object.entries()方法返回一个给定对象自身可遍历属性 [key,value] 的数组
<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ES8 对象方法扩展</title>
</head>

<body>
  <script>
    // 声明对象
    const school = {
      name: "哈哈哈",
      cities: ['北京', '上海', '深圳'],
      job: ['前端', 'Java', '大数据', '运维']
    };

    // 获取对象所有的键
    console.log(Object.keys(school));
    // 获取对象所有的值
    console.log(Object.values(school));
    // entries
    console.log(Object.entries(school));
    // 创建 Map
    const m = new Map(Object.entries(school));
    console.log(m.get('cities'));
  </script>
</body>

</html>

4.3.Object.getOwnPropertyDescriptors

该方法返回指定对象所有自身属性的描述对象

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>ES8 对象方法扩展</title>
</head>

<body>
  <script>
    // 声明对象
    const school = {
      name: "哈哈哈",
      cities: ['北京', '上海', '深圳'],
      job: ['前端', 'Java', '大数据', '运维']
    };

    // 对象属性的描述对象
    console.log(Object.getOwnPropertyDescriptors(school));

    const obj = Object.create(null, {
      name: {
        // 设置值
        value: '呵呵',
        // 属性特性
        writable: true,
        configurable: true,
        enumerable: true
      }
    });
    console.log(obj)
  </script>
</body>

</html>

posted on 2020-09-16 16:52  冲啊!  阅读(163)  评论(0编辑  收藏  举报

导航