死磕JS:Reflect.ownKeys() 和 Object.keys() 怎么选?

  发布时间:2025-11-05 12:21:20   作者:玩站小弟   我要评论
本文转载自微信公众号「前端思维框架」,作者水墨寒。转载本文请联系前端思维框架公众号。今天在写一段深拷贝的代码中,思考一个问题:如何遍历 JavaScript 中 Object 的 Keys ,碰到了 。

本文转载自微信公众号「前端思维框架」,死磕作者水墨寒。死磕转载本文请联系前端思维框架公众号。死磕  

今天在写一段深拷贝的死磕代码中,思考一个问题:如何遍历 JavaScript 中 Object 的死磕 Keys ,碰到了 Reflect.ownKeys(obj)和 Object.keys(obj) 这两个方法,死磕他俩究竟有什么不同?死磕

我们先看一个例子:

const obj = {a: 5, b: 5}; console.log(Reflect.ownKeys(obj)); console.log(Object.keys(obj)); // Result // [a, b] // [a, b] 

貌似也没什么不一样,去翻两个方法的死磕文档得知:

Object.keys(obj) 返回结果是:一个由给定对象的服务器租用自身可枚举属性组成的数组,数组中属性名的死磕排列顺序和正常循环遍历该对象时返回的顺序一致 。

而 Reflect.ownKeys(obj)的死磕返回结果 等价于:

Object.getOwnPropertyNames(target).concat(Object.getOwnPropertySymbols(target)) 

Object.getOwnPropertyNames() 方法返回一个由指定对象的所有自身属性的属性名(包括不可枚举属性但不包括Symbol值作为名称的属性)组成的数组。企商汇

Object.getOwnPropertySymbols() 方法返回一个给定对象自身的死磕所有 Symbol 属性的数组。

Reflect.ownKeys(obj) 等于把 给定的死磕对象所有属性以数组的方式返回。

我们通过下面代码来看两者差别:

var testObject = {[Symbol(1)]: 1,死磕 a: 2}; Object.defineProperty(testObject, myMethod, {     value: function () {         alert("Non enumerable property");     },     enumerable: false }); console.log(Object.keys(testObject)); // [a] console.log(Reflect.ownKeys(testObject)); // [ a, myMethod, Symbol(1) ] 

总结

Object.keys(obj) : 结果是object 上所有可枚举的key;

Reflect.ownKeys(obj) : 结果是所有的 key。高防服务器

死磕
  • Tag:

相关文章

  • 解决电脑远程错误678的方法与技巧(远程错误678的原因分析及应对措施)

    摘要:随着科技的进步,远程连接已成为我们生活和工作中不可或缺的一部分。然而,有时候我们在进行远程连接时可能会遇到一些问题,其中之一便是远程错误678。本文将详细介绍远程错误678的原因、...
    2025-11-05
  • 搞不懂 HarmonyOS 原子化服务?各位开发者看这里

    而在万物互联的时代,人均持有设备量不断攀升,设备和场景的多样性,每个设备都需要独立开发一个应用,先安装后使用、不同设备的能力不兼容等传统应用的短板逐步暴露出来。在此背景下,应用提供方和用户都迫切需要一
    2025-11-05
  • Vscode 的 Markdown 预览是怎么实现的

    vscode 的 markdown 预览是我们整天都在用的功能,有没有想过它是怎么实现的。或许有一天你会接到个定制 markdown 预览的需求,应该怎么做呢?有什么思路么?思考五秒钟。54321其实
    2025-11-05
  • 将有序数组转换为二叉搜索树

    构造二叉搜索树,一不小心就平衡了将有序数组转换为二叉搜索树力扣题目链接:https://leetcode-cn.com/problems/convert-sorted-array-to-binary-
    2025-11-05
  • Win7电脑系统安装光盘教程(详细步骤及注意事项,)

    摘要:在安装或重装电脑系统时,使用安装光盘是一种常见的方法。本文将为您详细介绍如何使用Win7安装光盘来安装系统,并提供一些注意事项,以帮助您顺利完成安装过程。一、准备工作——获...
    2025-11-05
  • Vscode 的 Markdown 预览是怎么实现的

    vscode 的 markdown 预览是我们整天都在用的功能,有没有想过它是怎么实现的。或许有一天你会接到个定制 markdown 预览的需求,应该怎么做呢?有什么思路么?思考五秒钟。54321其实
    2025-11-05

最新评论