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

2024-08-28 09:12

本文主要是介绍面试题每日一练,测测你对JavaScript WeakMap 和数组方法的理解,希望对大家解决编程问题提供一定的参考价值,需要的开发者们随着小编来一起学习吧!

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 的行为以及如何与数组方法一起使用,对于正确解答这道题目至关重要。你答对了吗?欢迎在评论区分享你的答案和想法!

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

这篇关于面试题每日一练,测测你对JavaScript WeakMap 和数组方法的理解的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!



http://www.chinasem.cn/article/1114342

相关文章

java使用protobuf-maven-plugin的插件编译proto文件详解

《java使用protobuf-maven-plugin的插件编译proto文件详解》:本文主要介绍java使用protobuf-maven-plugin的插件编译proto文件,具有很好的参考价... 目录protobuf文件作为数据传输和存储的协议主要介绍在Java使用maven编译proto文件的插件

Java中的数组与集合基本用法详解

《Java中的数组与集合基本用法详解》本文介绍了Java数组和集合框架的基础知识,数组部分涵盖了一维、二维及多维数组的声明、初始化、访问与遍历方法,以及Arrays类的常用操作,对Java数组与集合相... 目录一、Java数组基础1.1 数组结构概述1.2 一维数组1.2.1 声明与初始化1.2.2 访问

Javaee多线程之进程和线程之间的区别和联系(最新整理)

《Javaee多线程之进程和线程之间的区别和联系(最新整理)》进程是资源分配单位,线程是调度执行单位,共享资源更高效,创建线程五种方式:继承Thread、Runnable接口、匿名类、lambda,r... 目录进程和线程进程线程进程和线程的区别创建线程的五种写法继承Thread,重写run实现Runnab

Java 方法重载Overload常见误区及注意事项

《Java方法重载Overload常见误区及注意事项》Java方法重载允许同一类中同名方法通过参数类型、数量、顺序差异实现功能扩展,提升代码灵活性,核心条件为参数列表不同,不涉及返回类型、访问修饰符... 目录Java 方法重载(Overload)详解一、方法重载的核心条件二、构成方法重载的具体情况三、不构

Java通过驱动包(jar包)连接MySQL数据库的步骤总结及验证方式

《Java通过驱动包(jar包)连接MySQL数据库的步骤总结及验证方式》本文详细介绍如何使用Java通过JDBC连接MySQL数据库,包括下载驱动、配置Eclipse环境、检测数据库连接等关键步骤,... 目录一、下载驱动包二、放jar包三、检测数据库连接JavaJava 如何使用 JDBC 连接 mys

SpringBoot线程池配置使用示例详解

《SpringBoot线程池配置使用示例详解》SpringBoot集成@Async注解,支持线程池参数配置(核心数、队列容量、拒绝策略等)及生命周期管理,结合监控与任务装饰器,提升异步处理效率与系统... 目录一、核心特性二、添加依赖三、参数详解四、配置线程池五、应用实践代码说明拒绝策略(Rejected

SQL中如何添加数据(常见方法及示例)

《SQL中如何添加数据(常见方法及示例)》SQL全称为StructuredQueryLanguage,是一种用于管理关系数据库的标准编程语言,下面给大家介绍SQL中如何添加数据,感兴趣的朋友一起看看吧... 目录在mysql中,有多种方法可以添加数据。以下是一些常见的方法及其示例。1. 使用INSERT I

Python中反转字符串的常见方法小结

《Python中反转字符串的常见方法小结》在Python中,字符串对象没有内置的反转方法,然而,在实际开发中,我们经常会遇到需要反转字符串的场景,比如处理回文字符串、文本加密等,因此,掌握如何在Pyt... 目录python中反转字符串的方法技术背景实现步骤1. 使用切片2. 使用 reversed() 函

一文详解SpringBoot中控制器的动态注册与卸载

《一文详解SpringBoot中控制器的动态注册与卸载》在项目开发中,通过动态注册和卸载控制器功能,可以根据业务场景和项目需要实现功能的动态增加、删除,提高系统的灵活性和可扩展性,下面我们就来看看Sp... 目录项目结构1. 创建 Spring Boot 启动类2. 创建一个测试控制器3. 创建动态控制器注

Python中将嵌套列表扁平化的多种实现方法

《Python中将嵌套列表扁平化的多种实现方法》在Python编程中,我们常常会遇到需要将嵌套列表(即列表中包含列表)转换为一个一维的扁平列表的需求,本文将给大家介绍了多种实现这一目标的方法,需要的朋... 目录python中将嵌套列表扁平化的方法技术背景实现步骤1. 使用嵌套列表推导式2. 使用itert