zoukankan      html  css  js  c++  java
  • 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>
    
  • 相关阅读:
    设计模式
    雨夹雪背景特效
    lottie-前端实现AE动效
    响应式布局实现原理
    关于小程序(含uniapp)中使用npm模块
    使用脚手架快速搭建React项目
    vue项目接入友盟统计站点数据
    git常用命令
    uniapp请求方法的封装
    小程序获取用户登录及手机号登录
  • 原文地址:https://www.cnblogs.com/jianjie/p/13680025.html
Copyright © 2011-2022 走看看