JavaScript中Object.keys、Object.getOwnPropertyNames区别

2018-01-18 513

定义

Object.keys

定义：返回一个对象可枚举属性的字符串数组；

Object.getOwnPropertyNames

定义：返回一个对象可枚举、不可枚举属性的名称；

属性的可枚举性、不可枚举性

定义：可枚举属性是指那些内部 “可枚举” 标志设置为 true 的属性，对于通过直接的赋值和属性初始化的属性，该标识值默认为即为 true，对于通过 Object.defineProperty 等定义的属性，该标识值默认为 false。

例子

var obj = { "prop1": "v1" };
Object.defineProperty(obj, "prop2", { value: "v2", writable: false });
console.log(Object.keys(obj).length);           //output：1
console.log(Object.getOwnPropertyNames(obj).length);    //output：2

console.log(Object.keys(obj));           //output：Array[1] => [0: "prop1"]
console.log(Object.getOwnPropertyNames(obj));    //output：Array[2] => [0: "prop1", 1: "prop2"]

内置的判断，访问和迭代方法

功能	可枚举	可枚举、不可枚举
判断	propertyIsEnumerable	in/hasOwnProperty
访问	Object.keys	Object.getOwnPropertyNames
迭代	for..in..	Object.getOwnPropertyNames

实战

var obj = { "prop1": "v1" };
Object.defineProperty(obj, "prop2", { value: "v2", writable: true });

console.log(obj.hasOwnProperty("prop1")); //output: true
console.log(obj.hasOwnProperty("prop2")); //output: true

console.log(obj.propertyIsEnumerable("prop1")); //output: true
console.log(obj.propertyIsEnumerable("prop2")); //output: false

console.log('prop1' in obj);    //output: true
console.log('prop2' in obj);    //output: true

for (var item in obj) {
    console.log(item);
}
//output：prop1

for (var item in Object.getOwnPropertyNames(obj)) {
    console.log(Object.getOwnPropertyNames(obj)[item]);
}
//ouput:[prop1,prop2]

属性的可枚举性和所有权

如果本文对你有所帮助，请打赏——1元就足够感动我：）

联系邮箱：intdb@qq.com
我的GitHub： https://github.com/vipstone

关注公众号：

作者：王磊
出处： http://vipstone.cnblogs.com/
本文版权归作者和博客园共有，欢迎转载，请标明出处。

微信关注我们

原文链接：https://yq.aliyun.com/articles/629890

转载内容版权归作者及来源网站所有！

低调大师中文资讯倾力打造互联网数据资讯、行业资源、电子商务、移动互联网、网络营销平台。持续更新报道IT业界、互联网、市场资讯、驱动更新,是最及时权威的产业资讯及硬件资讯报道平台。

Python网络爬虫之爬取百思不得姐视频并保存至文件

项目说明使用Python写网络爬虫之爬取百思不得姐视频并保存至文件示例使用工具 Python2.7.X、pycharm 使用方法在pycharm中创建一个爬取百思不得姐视频.py文件，并在当前目录下创建video文件夹来存放抓取的视频文件，撰写代码，运行代码，查看运行结果操作原理 1.首先先了解正则表达式的使用方法，见：正则表达式 2.找到百思不得姐的视频主页URL：http://www.budejie.com/video/ 通过火狐浏览器的fire bug工具分析，可以看出来，链接中class=j-r-list-c里就存在有对应的视频名称和视频链接；然后，右击查看页面源码：页面源码下图为视频链接地址视频链接地址程序代码：程序代码运行结果：运行结果可以看到，运行程序后在video文件夹中已经存放有爬取的视频名称和链接。

2018-01-19

559

在做前后台分离的项目中，认证是必须的，由于http是无状态的。前台用户登录成功后，后台给前台返回token。之后前台给后台发请求每次携带token。原理也非常简单：前天在请求头中添加 Authorization，如下 image.png 后台取到值，然后去用户表的api_token列进行匹配，如果查到说明验证成功，并且返回相关信息。 Laravel本身自带几种验证方式，下面介绍下token认证的实现的方法。前台在向后台发起请求时要携带一个token 后台需要做一个返回当前登录用户的信息的api，地址是 /api/user 先添加路由，当给 route/api.php 添加 Route::middleware('auth:api')->get('/user', function (Request $request) { echo $request->user(); }); 如果浏览器直接访问 http://mydomain.com/api/user 会返回 401 Unauthorized 原因是在config/auth.php中有下面的关键配置 'guards' =&...

2018-01-19

597

资源下载

更多资源

优质分享App

近一个月的开发和优化，本站点的第一个app全新上线。该app采用极致压缩，本体才4.36MB。系统里面做了大量数据访问、缓存优化。方便用户在手机上查看文章。后续会推出HarmonyOS的适配版本。

Mario

马里奥是站在游戏界顶峰的超人气多面角色。马里奥靠吃蘑菇成长，特征是大鼻子、头戴帽子、身穿背带裤，还留着胡子。与他的双胞胎兄弟路易基一起，长年担任任天堂的招牌角色。

腾讯云软件源

为解决软件依赖安装时官方源访问速度慢的问题，腾讯云为一些软件搭建了缓存服务。您可以通过使用腾讯云软件源站来提升依赖包的安装速度。为了方便用户自由搭建服务架构，目前腾讯云软件源站支持公网访问和内网访问。

Nacos

Nacos /nɑ:kəʊs/ 是 Dynamic Naming and Configuration Service 的首字母简称，一个易于构建 AI Agent 应用的动态服务发现、配置管理和AI智能体管理平台。Nacos 致力于帮助您发现、配置和管理微服务及AI智能体应用。Nacos 提供了一组简单易用的特性集，帮助您快速实现动态服务发现、服务配置、服务元数据、流量管理。Nacos 帮助您更敏捷和容易地构建、交付和管理微服务平台。

JavaScript中Object.keys、Object.getOwnPropertyNames区别

定义

属性的可枚举性、不可枚举性

例子

内置的判断，访问和迭代方法

实战