0

0

“漏洞”真相:理解 JavaScript 的稀疏数组和意外行为

碧海醫心

碧海醫心

发布时间:2025-01-13 08:07:34

|

761人浏览过

|

来源于php中文网

原创

“漏洞”真相:理解 javascript 的稀疏数组和意外行为

最近在复习数据结构与算法,特别是排序算法时,遇到一个有趣的问题:如何生成长度为n的随机数组来测试排序算法?看似简单,但使用new Array(n)却引发了意想不到的结果。

通常我们会这样生成随机数组:

function randomarray(n) {
    const arrtoreturn = [];
    for (let i = 0; i < n; i++) {
        arrtoreturn.push(Math.floor(Math.random() * 10));
    }
    return arrtoreturn;
}

这段代码完美运行。但我尝试寻找更简洁的单行代码,于是想到了new Array()

const randomarray = (n) => new Array(n).map(() => Math.floor(Math.random() * 10));
console.log(randomarray(5));

预期结果是一个包含5个随机值的数组,但实际输出却是[],令人困惑!然而,console.log(randomarray(5).length)却输出了5

立即学习Java免费学习笔记(深入)”;

问题的关键在于JavaScript中的稀疏数组。

稀疏数组

稀疏数组包含一个或多个空槽。例如:

new Array(2) // [] [1, , , 3] // [1, , 3]

new Array(n)创建了一个长度为n的数组,但其槽位未初始化,并非空值或undefined。

企奶奶
企奶奶

一款专注于企业信息查询的智能大模型,企奶奶查企业,像聊天一样简单。

下载

当在稀疏数组上调用迭代方法(如forEachmapreducefilter)时,空槽会被跳过。

回到randomarray函数:

const randomarray = (n) => new Array(n).map(() => Math.floor(Math.random() * 10));

new Array(n)创建了一个稀疏数组,map方法跳过了所有空槽,导致输出为空数组。

.length方法返回数组长度的原因是,它取最大索引加1。稀疏数组虽然有空槽,但索引依然存在,因此.length返回预期长度。

修复`randomarray`函数

为了解决这个问题,需要先用值填充稀疏数组的空槽,可以使用.fill()方法:

const randomArray = (n) => new Array(n).fill().map(() => Math.floor(Math.random() * 10));
console.log(randomArray(5));

现在,函数就能正确生成随机数组了。

热门AI工具

更多
DeepSeek
DeepSeek

幻方量化公司旗下的开源大模型平台

豆包大模型
豆包大模型

字节跳动自主研发的一系列大型语言模型

通义千问
通义千问

阿里巴巴推出的全能AI助手

腾讯元宝
腾讯元宝

腾讯混元平台推出的AI助手

文心一言
文心一言

文心一言是百度开发的AI聊天机器人,通过对话可以生成各种形式的内容。

讯飞写作
讯飞写作

基于讯飞星火大模型的AI写作工具,可以快速生成新闻稿件、品宣文案、工作总结、心得体会等各种文文稿

即梦AI
即梦AI

一站式AI创作平台,免费AI图片和视频生成。

ChatGPT
ChatGPT

最最强大的AI聊天机器人程序,ChatGPT不单是聊天机器人,还能进行撰写邮件、视频脚本、文案、翻译、代码等任务。

相关专题

更多
php中foreach用法
php中foreach用法

本专题整合了php中foreach用法的相关介绍,阅读专题下面的文章了解更多详细教程。

74

2025.12.04

treenode的用法
treenode的用法

​在计算机编程领域,TreeNode是一种常见的数据结构,通常用于构建树形结构。在不同的编程语言中,TreeNode可能有不同的实现方式和用法,通常用于表示树的节点信息。更多关于treenode相关问题详情请看本专题下面的文章。php中文网欢迎大家前来学习。

538

2023.12.01

C++ 高效算法与数据结构
C++ 高效算法与数据结构

本专题讲解 C++ 中常用算法与数据结构的实现与优化,涵盖排序算法(快速排序、归并排序)、查找算法、图算法、动态规划、贪心算法等,并结合实际案例分析如何选择最优算法来提高程序效率。通过深入理解数据结构(链表、树、堆、哈希表等),帮助开发者提升 在复杂应用中的算法设计与性能优化能力。

17

2025.12.22

深入理解算法:高效算法与数据结构专题
深入理解算法:高效算法与数据结构专题

本专题专注于算法与数据结构的核心概念,适合想深入理解并提升编程能力的开发者。专题内容包括常见数据结构的实现与应用,如数组、链表、栈、队列、哈希表、树、图等;以及高效的排序算法、搜索算法、动态规划等经典算法。通过详细的讲解与复杂度分析,帮助开发者不仅能熟练运用这些基础知识,还能在实际编程中优化性能,提高代码的执行效率。本专题适合准备面试的开发者,也适合希望提高算法思维的编程爱好者。

26

2026.01.06

length函数用法
length函数用法

length函数用于返回指定字符串的字符数或字节数。可以用于计算字符串的长度,以便在查询和处理字符串数据时进行操作和判断。 需要注意的是length函数计算的是字符串的字符数,而不是字节数。对于多字节字符集,一个字符可能由多个字节组成。因此,length函数在计算字符串长度时会将多字节字符作为一个字符来计算。更多关于length函数的用法,大家可以阅读本专题下面的文章。

924

2023.09.19

golang map内存释放
golang map内存释放

本专题整合了golang map内存相关教程,阅读专题下面的文章了解更多相关内容。

75

2025.09.05

golang map相关教程
golang map相关教程

本专题整合了golang map相关教程,阅读专题下面的文章了解更多详细内容。

36

2025.11.16

golang map原理
golang map原理

本专题整合了golang map相关内容,阅读专题下面的文章了解更多详细内容。

60

2025.11.17

俄罗斯Yandex引擎入口
俄罗斯Yandex引擎入口

2026年俄罗斯Yandex搜索引擎最新入口汇总,涵盖免登录、多语言支持、无广告视频播放及本地化服务等核心功能。阅读专题下面的文章了解更多详细内容。

158

2026.01.28

热门下载

更多
网站特效
/
网站源码
/
网站素材
/
前端模板

精品课程

更多
相关推荐
/
热门推荐
/
最新课程
关于我们 免责申明 举报中心 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送

Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号