面试题每日一练,测测你对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

相关文章

Spring Security常见问题及解决方案

《SpringSecurity常见问题及解决方案》SpringSecurity是Spring生态的安全框架,提供认证、授权及攻击防护,支持JWT、OAuth2集成,适用于保护Spring应用,需配置... 目录Spring Security 简介Spring Security 核心概念1. ​Securit

postgresql使用UUID函数的方法

《postgresql使用UUID函数的方法》本文给大家介绍postgresql使用UUID函数的方法,本文给大家介绍的非常详细,对大家的学习或工作具有一定的参考借鉴价值,需要的朋友参考下吧... 目录PostgreSQL有两种生成uuid的方法。可以先通过sql查看是否已安装扩展函数,和可以安装的扩展函数

SpringBoot+EasyPOI轻松实现Excel和Word导出PDF

《SpringBoot+EasyPOI轻松实现Excel和Word导出PDF》在企业级开发中,将Excel和Word文档导出为PDF是常见需求,本文将结合​​EasyPOI和​​Aspose系列工具实... 目录一、环境准备与依赖配置1.1 方案选型1.2 依赖配置(商业库方案)二、Excel 导出 PDF

SpringBoot改造MCP服务器的详细说明(StreamableHTTP 类型)

《SpringBoot改造MCP服务器的详细说明(StreamableHTTP类型)》本文介绍了SpringBoot如何实现MCPStreamableHTTP服务器,并且使用CherryStudio... 目录SpringBoot改造MCP服务器(StreamableHTTP)1 项目说明2 使用说明2.1

spring中的@MapperScan注解属性解析

《spring中的@MapperScan注解属性解析》@MapperScan是Spring集成MyBatis时自动扫描Mapper接口的注解,简化配置并支持多数据源,通过属性控制扫描路径和过滤条件,利... 目录一、核心功能与作用二、注解属性解析三、底层实现原理四、使用场景与最佳实践五、注意事项与常见问题六

Spring的RedisTemplate的json反序列泛型丢失问题解决

《Spring的RedisTemplate的json反序列泛型丢失问题解决》本文主要介绍了SpringRedisTemplate中使用JSON序列化时泛型信息丢失的问题及其提出三种解决方案,可以根据性... 目录背景解决方案方案一方案二方案三总结背景在使用RedisTemplate操作redis时我们针对

Java中Arrays类和Collections类常用方法示例详解

《Java中Arrays类和Collections类常用方法示例详解》本文总结了Java中Arrays和Collections类的常用方法,涵盖数组填充、排序、搜索、复制、列表转换等操作,帮助开发者高... 目录Arrays.fill()相关用法Arrays.toString()Arrays.sort()A

Spring Boot Maven 插件如何构建可执行 JAR 的核心配置

《SpringBootMaven插件如何构建可执行JAR的核心配置》SpringBoot核心Maven插件,用于生成可执行JAR/WAR,内置服务器简化部署,支持热部署、多环境配置及依赖管理... 目录前言一、插件的核心功能与目标1.1 插件的定位1.2 插件的 Goals(目标)1.3 插件定位1.4 核

如何使用Lombok进行spring 注入

《如何使用Lombok进行spring注入》本文介绍如何用Lombok简化Spring注入,推荐优先使用setter注入,通过注解自动生成getter/setter及构造器,减少冗余代码,提升开发效... Lombok为了开发环境简化代码,好处不用多说。spring 注入方式为2种,构造器注入和setter

使用zip4j实现Java中的ZIP文件加密压缩的操作方法

《使用zip4j实现Java中的ZIP文件加密压缩的操作方法》本文介绍如何通过Maven集成zip4j1.3.2库创建带密码保护的ZIP文件,涵盖依赖配置、代码示例及加密原理,确保数据安全性,感兴趣的... 目录1. zip4j库介绍和版本1.1 zip4j库概述1.2 zip4j的版本演变1.3 zip4