前端面试题每日一练,测测你对JavaScript对象继承和 Object.entries() 的理解

3de23ded097e88c050d6edfd309f8c67.png

今天的挑战题目涉及到JavaScript中的原型链 (prototype chain) 和 Object.entries() 方法的使用。我们将通过一个对象继承的例子来探索如何使用 Object.entries() 获取对象的自身可枚举属性,并进行处理。让我们一起分析这段代码,看看它会输出什么以及为什么。

代码解析

首先,代码定义了两个对象 obj1obj2,并设置了一个原型链关系:

const obj1 = { a: 1 };
const obj2 = Object.create(obj1);
obj2.b = 2;
  • obj1 是一个包含属性 a 的对象,其值为 1

  • obj2 通过 Object.create(obj1) 创建,并以 obj1 作为其原型。这意味着 obj2 继承了 obj1 的属性 a

  • obj2 上,我们显式地添加了一个属性 b,其值为 2

此时,obj2 的属性有两个来源:

  • 自身属性 b,值为 2

  • 继承自原型对象 obj1 的属性 a,值为 1

接下来,代码使用 Object.entries() 方法获取 obj2 的可枚举属性,并将每个属性的键和值进行处理:

const result = Object.entries(obj2).map(([key, value]) => key + value);

理解 Object.entries()

Object.entries(obj2) 返回一个包含 obj2 所有自身可枚举属性的键值对数组。注意,继承自原型链的属性不会包含在 Object.entries() 返回的数组中

对于 obj2Object.entries(obj2) 只会返回 [['b', 2]],因为 bobj2 的自身属性。

处理 Object.entries() 的结果

代码通过 map 方法对 Object.entries() 返回的数组进行处理:

  • 对于 ['b', 2],它将键和值拼接成字符串 'b2'

因此,result 数组将包含 ['b2']

输出结果

最终,console.log(result) 会输出 ['b2']

console.log(result); // 输出 ['b2']

结束

这道题目展示了 Object.entries() 方法如何处理对象的自身可枚举属性,同时忽略继承自原型链的属性。理解对象的属性继承和 Object.entries() 的行为对于正确解答这道题目至关重要。你答对了吗?欢迎在评论区分享你的答案和见解!

每天一道面试题,帮助你提高编程技能,不断进步!记得关注哦!

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.rhkb.cn/news/412920.html

如若内容造成侵权/违法违规/事实不符,请联系长河编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

碎碎念之Android中CPU架构arm-v8a、arm-v7a、x86

0 碎碎念 之前写博客都是为了复习基础知识,不过好像也忘得很快hh。 以后估计会写点感兴趣的自己碎碎念,缓解下emo的心情。(不像之前的博客,这些博客不准备复现也不贴代码所以不一定对, 仅供个人参考 ) 现在…

JMeter Plugins之内网插件问题解决

JMeter Plugins之内网插件问题解决 背景 在我司内部进行JMeter工具进行性能脚本开发时,为了提高测试效率,我们会用到部分JMeter提供的插件,但是在我司内网的情况下,我们如果直接点击JMeter界面右上角的插件按钮 弹出来的JMeter…

Python-MNE-源空间和正模型07:修复BEM和头表面

有时在创建BEM模型时,由于可能出现的一系列问题(例如,表面之间的交叉),表面需要手动校正。在这里,我们将看到如何通过将表面导出到3D建模程序blender,编辑它们,并重新导入它们来实现这一点。我们还将给出一…

图形化编程系统学习10

项目需求: 点击绿旗,可以使用键盘控制小兔子在地图上移动,收集食物,但只能在黄色道路上移动。 食物碰到小兔子会变大后隐藏,并发出声音。 收集完所有食物,回到温暖的小窝 。 思路解析 1、添加背景和角色…

事半功倍:利用增强现实提高工作效率

人们通常认为增强现实只是游戏中的一个强大的功能,然而,研究表明,增强现实在提高工厂的效率和生产力方面也发挥着重要作用。不管增强现实、虚拟现实还是混合现实都能很好地模拟工厂的工作场景,这对于培训、运营、安全和研发方面的…

OpenCV小练习:人脸检测

OpenCV自带人脸检测模型,拿来就能用。所以“人脸检测”这个任务对于OpenCV而言真是太简单了——感叹一下:OpenCV太强大了!相关的介绍文章在网上可以搜到很多,原本我觉得没必要再写一篇了。结果我在写练习代码的时候,还…

如何使用 Pytest 进行测试

Pytest 是一个强大的Python测试框架,支持简单单元测试和复杂的功能测试。它具有灵活的断言表达式、支持参数化测试、强大的插件生态系统等特点。 二、环境搭建 1、安装 Pytest: pip install pytest安装完成后,可以通过命令行检查是否安装成…

Adobe DC 2022提示无法识别的错误 - 解决方案

Adobe DC 2022提示无法识别的错误 - 解决方案 问题解决方案更改安装(推荐)重新安装(推荐)降级安装(不推荐) 问题 使用Adobe DC 2022合并图片创建PDF时,会提示无法识别的错误,这是因…

同步技术难点

在Java中,同步技术主要用于控制多个线程对共享资源的访问,以避免数据不一致和线程安全问题。然而,同步技术也带来了一些难点,主要包括以下几个方面: 死锁(Deadlock): 死锁是同步技术…

Python私教张大鹏FastAPI开源框架和项目第一次整理 20240830

去我的Github搜fastzdp开头的:https://github.com/zhangdapeng520?tabrepositories&qfastzdp&type&language&sort fastzdp_api:基于FastAPI二次开发的HTTP REST API 框架。目前刚开始开发,这里面主要记录了FastAPI的一些基础…

大一新生入学证件照采集,手机拍照轻松搞定收集

又到了一年一度大中专院校新生入学的时候了,在开学时很重要的一项工作就是新生照片采集。证件照采集是为了建立学生学籍档案、校园门禁系统登记、校园卡制发、大学四级英语考试报名等,往往要求全校新生使用统一的证件照尺寸、颜色背景,甚至是…

Access OpenAI (json) API from R

题意:“从 R 访问 OpenAI (JSON) API” 问题背景: I want to access the OpenAI API with the following curl command from R: “我想从 R 中使用以下 curl 命令访问 OpenAI API:” curl https://api.openai.com/v1/engines/davinci/comp…

视频结构化从入门到精通——行为分析类应用

行为分析类应用 1. 认识行为分析 监控/判断视频画面中目标的运动过程、携带属性等。从数据中自动识别、跟踪和理解人类或物体行为。 1. 车的行为分析应用 车辆行为分析主要用于监控和管理车辆的动态行为,广泛应用于智能交通、城市管理和安全监控。关键应用包括&…

操作系统:实验五内存管理实验

一、实验目的 1、了解操作系统动态分区存储管理过程和方法。 2、掌握动态分区存储管理的主要数据结构--空闲表区。 3、加深理解动态分区存储管理中内存的分配和回收。 4、掌握空闲区表中空闲区3种不同放置策略的基本思想和实现过程。 5、通过模拟程序实现动态分区存储管理…

如何通过WinRAR软件有效禁止RAR压缩包内文件的修改

RAR压缩包作为一种广泛使用的文件格式,凭借其高压缩比和强大的功能,成为了许多用户保存和传输文件的首选。然而,在某些情况下,我们可能希望确保RAR压缩包内的文件不被随意修改或删除,以维护文件的安全性和完整性。本文…

C++:list篇

前言: 观看C的list前需要对链表有一些了解,如C语言的链表结构。本片仅介绍list容器中常用的接口函数概念以及使用。 list的概念: 简而言之,C的list是一个双向带哨兵位的链表容器模板 list的构造: 1.list():默认构造 2.li…

关于自定义控件,头文件找不到问题的解决办法

在ui文件中使用控件提升的时候,突然发现ui_xxxx.h竟然报错了, 这在之前是没有碰到过,苦思过后认为是环境变量的问题,因为现在正在用的构建套件是 mingw 的,但在此之前我一直用的是msvc,并且环境变量的配置…

PDF文本指令解析与文本水印去除

上次我在《PDF批量加水印 与 去除水印实践》一文中完成了对图片水印和文字水印的去除。 链接:https://xxmdmst.blog.csdn.net/article/details/139483535 但是对于页面对象的内容对象是单层,不是数组的情况,无法去除水印。今天我们专门研究…

idea付费插件,SequenceDiagram有哪些优点

以下idea付费插件你们都用过哪些呢? SequenceDiagram插件是一种用于绘制时序图的工具。时序图是一种图形化的表示对象之间消息传递顺序的方法。 该插件可以在使用各种编程语言编写代码时,方便地绘制时序图,以帮助开发者更好地理解和描述系统…

<Rust>egui学习之小部件(七):如何在窗口中添加颜色选择器colorpicker部件?

前言 本专栏是关于Rust的GUI库egui的部件讲解及应用实例分析,主要讲解egui的源代码、部件属性、如何应用。 环境配置 系统:windows 平台:visual studio code 语言:rust 库:egui、eframe 概述 本文是本专栏的第七篇博…