面试题每日一练,测测你对JavaScript WeakMap 和数组方法的理解

news2024/11/15 10:32:10

98dfdb456f2b1c1724c769030ca0b520.png

今天的挑战题目涉及到JavaScript中的 WeakMap、数组方法 mapreduce,以及对对象引用的管理。让我们一步步解析这段代码,看看它会输出什么以及为什么。

代码解析

首先,代码创建了一个 WeakMap 实例:

const weakMap = new WeakMap();

WeakMap 是一个键必须是对象的特殊类型的 Map,其中的键是弱引用,这意味着如果没有其他引用指向这些对象,垃圾回收机制可以自动回收它们。

接下来,代码使用 map 方法创建了一个包含对象的数组 arr

const arr = [1, 2, 3].map(n => ({ n }));
  • [1, 2, 3].map(n => ({ n })) 创建了一个新数组,其中每个元素都是一个对象,形如 { n: 1 }{ n: 2 }{ n: 3 }

然后,代码通过 forEach 方法将这些对象作为键添加到 WeakMap 中,并将对应的值设置为 obj.n * 2

arr.forEach(obj => weakMap.set(obj, obj.n * 2));
  • 这一步操作后,weakMap 中存储了三组键值对:{ n: 1 } => 2{ n: 2 } => 4{ n: 3 } => 6

接下来,代码从数组 arr 中移除了最后一个元素:

arr.pop(); // Remove the last element
  • 这行代码将数组 arr 的最后一个元素 { n: 3 } 移除。因为 WeakMap 中的键是弱引用,所以如果没有其他地方引用这个对象,它可能会被垃圾回收,从而也会从 WeakMap 中消失。

然后,代码使用 reduce 方法计算剩余对象在 WeakMap 中对应值的和:

const result = arr.reduce((acc, obj) => acc + weakMap.get(obj), 0);
  • reduce 方法遍历 arr 中剩下的两个对象 { n: 1 }{ n: 2 },并从 WeakMap 中获取它们的值,分别是 24,然后将它们相加。

输出结果

根据上述逻辑,最终的 result 值是 2 + 4 = 6。因此,console.log(result) 的输出是:

console.log(result); // 输出 6

结束

这道题目展示了 WeakMap 如何与数组操作结合使用。通过 WeakMap 的弱引用特性,删除数组中的对象元素会影响 WeakMap 中的键值对的存在。当最后一个元素被 pop 移除后,reduce 仅计算剩余对象在 WeakMap 中的对应值之和。理解 WeakMap 的行为以及如何与数组方法一起使用,对于正确解答这道题目至关重要。你答对了吗?欢迎在评论区分享你的答案和想法!

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

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

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈,一经查实,立即删除!

相关文章

Maven Wrapper深入实战

概述 官网,GitHub。 Maven Wrapper,缩写为mvnw,是一个受Gradle Wrapper和Takari Wrapper启发而产生的Maven子项目,主要有以下三个用途: 让开发者电脑上无需安装Maven,也不用配置环境变量,即可…

Java面试宝典-java基础02

Java面试宝典-java基础02 11、使用 final 关键字修饰一个变量时,是引用不能变,还是引用的对象不能变?12、this 和super 关键字的作用13、在 Java 中,为什么不允许从静态方法中访问非静态变量?14、final 与 static 的区别?15、int可以强制转换为byte吗?16、char 型变量中…

安卓中synchronized 关键字 的作用和介绍

在Java中,synchronized 关键字用于控制多线程环境下对方法或代码块的访问,确保在同一时刻只有一个线程可以执行该方法或代码块。当你在方法声明中使用 synchronized 关键字,这意味着任何线程在调用该方法之前必须获得该方法所属对象的锁。这通…

Android Abort message: ‘Error, cannot access an invalid/free‘d bitmap here!‘

Android Abort message: Error, cannot access an invalid/freed bitmap here! Error, cannot access an invalid/freed bitmap here 在某些Glide加载场景中,如果Glide把Bitmap加载放入到view后,又去从view里面取Bitmap,会抛上述NE错误。 解…

代码随想录 刷题记录-18 动态规划(2)01背包问题、习题

一、01背包理论基础 例题:46. 携带研究材料 01 背包 有n件物品和一个最多能背重量为w 的背包。第i件物品的重量是weight[i],得到的价值是value[i] 。每件物品只能用一次,求解将哪些物品装入背包里物品价值总和最大。 暴力解法&#xff1a…

大模型实战-FinGLM解析金融财报做RAG经验参考篇

大模型实战-FinGLM金融财报解析实战 https://modelscope.cn/datasets/modelscope/chatglm_llm_fintech_raw_dataset/summary 详细解读: https://modelscope.cn/models/finglm/FinGLM/summary 背景:解读pdf版本的公司财务年报,构建问答模型…

zsh: command not found: brew(M系列芯片)

利用官网的命令安装完brew /bin/bash -c "$(curl -fsSL https://raw.githubusercontent.com/Homebrew/install/HEAD/install.sh)"查看版本,提示找不到命令 % brew -v zsh: command not found: brew解决方法,在终端中执行以下命令&#xff0c…

EV代码签名证书——消除软件下载时的安全警告

开发公司和软件开发人员在发布应用程序后,当用户尝试下载并安装应用程序时,被SmartScreen识别为不常见或尚未建立起良好的信誉度,系统就会发出警告,提示用户该应用程序可能对电脑构成风险。这会导致软件下载率大幅度下降。 EV代码…

鸿蒙XComponent组件的认识

概述: XComponent组件作为一种渲染组件,通常用于满足开发者较为复杂的自定义渲染需求,例如相机预览流的显示、游戏画面的渲染、自定义视频播放器等等。其中Native API是其核心内容! 其可通过指定其type字段来实现不同的功能&…

Comsol 声学黑洞梁式结构的振动能量收集器

声学黑洞梁式结构是一种用于收集振动能量的装置,其工作原理类似于光学中的黑洞概念。它可以将周围环境中的声波能量转化为可用的电能。声学黑洞梁式结构通常由以下几个主要组成部分构成: 1. 梁:梁是主要的振动结构,可以是金属、陶…

mac nvm安装及使用(nvm安装指定版本node npm pnpm)

mac nvm安装及使用(nvm安装指定版本node npm pnpm) 1.卸载电脑的node 打开终端:依次执行以下命令: sudo rm -rf /usr/local/bin/npm sudo rm -rf /usr/local/share/man/man1/node.1 sudo rm -rf /usr/local/lib/dtrace/node.d s…

JVM极简教程

基础概念 1.1. Java 虚拟机 是运行 Java字节码的虚拟机 1.2. JVM跨平台原理 JVM在不同的系统(Linux、Windows、MacOS)上有不同的实现,目的是在使用相同的字节码,它们都会给出相同的结果 JVM跨平台本质:不同操作系统…

高标准农田灌区信息化如何提高灌溉效率

高标准农田灌区的信息化建设,是现代农业发展的重要一环,旨在通过先进的信息技术手段优化水资源管理,提高灌溉效率,保障粮食安全,同时促进农业可持续发展。这一过程不仅涉及硬件设施的升级,还包括软件系统、…

第2章 双向链表

双向链表 概念 对链表而言,双向均可遍历是最方便的,另外首尾相连循环遍历也可大大增加链表操作的便捷性。因 此,双向循环链表,是在实际运用中是最常见的链表形态。 基本操作 与普通的链表完全一致,双向循环链表虽然…

PHP房屋出售出租多端多平台预约系统小程序源码

🏠🔑「房屋出售出租多端运营系统」——房产管理新纪元,一键掌控所有!🚀 🏡 开篇直击:房产市场新利器,轻松管理不再是梦! 亲们,还在为房屋出售或出租的繁琐流…

【IC设计】跨时钟异步处理系列——单比特跨时钟

文章目录 建立时间和保持时间单比特信号的跨时钟处理慢时钟域的信号传输到快时钟域打两拍 快时钟域的信号传输到慢时钟域方案一 脉冲展宽同步 (打拍打拍,进行或)代码原理图 方案二 脉冲电平检测双触发器同步边沿检测代码原理图 建立时间和保持时间 所谓的建立时间或…

python可视化-漏斗图(转化分析)

1、数据生成 from scipy import stats# 构造数据 stage [浏览,加入购物车,下单,支付,交易成功] values [] for i in range(len(stage)):values.append(int(1000*stats.expon.pdf(i, scale0.95))) 2、基于漏斗图的转化分析 from pyecharts import options as opts from pye…

HarmonyOs如何获取rawfile目录下的所有文件列表

最近在做一个功能,需要使用获取rawfile下目录的所有文件 参考连接为: zRawfile-模块-C API-Localization Kit(本地化开发服务)-应用框架 - 华为HarmonyOS开发者 (huawei.com) 需要使用到native实现,实现步骤&#…

redis面试(二十四)Semaphore锁实现

Semaphore也是redis分布式锁支持的一种,同步组件 之前给大家的讲解的锁,基本上都是同时间只能一个客户端获取这个锁,然后做一些事情,处理完了以后释放锁 Semaphore,信号量,他作为一个锁机制,可以…

Charles苹果手机https抓包

1、电脑设置Charles代理端口 1)设置代理端口 Proxy-》Proxying Settings-》HTTP Proxy 设置端口 2)设置监控的代理地址 Proxy-》SSL Proxying Settings 添加Add允许所有地址*.* 2、电脑导入Charles的ssl证书 3、电脑查看Charles的IP地址和端口 4、手机无线wifi配置代理 5、手…