argumentoutofrangeexception:长度不能小于0_数组长度属性背后的魔力有哪些?

5af8a08fc1655e40c0d203b8c8bd6838.png

开发人员每天都会处理数组。作为集合,要查询的重要属性是项目数:Array.prototype.length
在JavaScript中,length它并不总是指示现有元素的数量(对于稀疏数组),并且修改此属性可能会删除元素。
让我们揭开这个属性背后的神秘面纱。

length 数组的值是一个无符号的32位整数,在数值上大于数组中的最高索引。

对于特定的数组类型,此属性的行为有所不同。让我们枚举它们:当数组的元素具有以开头的连续索引时,数组是密集0。例如[1, 3, 4]是致密的,因为索引是连续的:012。当数组的元素没有以开头的连续索引时,它是稀疏0。例如[1, , 4, 6]是稀疏的,因为元件的索引是不连续的:023

长度作为数组中元素的数量

的常见用法length是确定元素的数量。这对于密集集合类型是正确的:

fcde68f1001655bc770380b09f3b00ab.png

参见JS Bin中的示例

密集数组没有空,并且项目数对应于highestIndex + 1。在[3, 5, 7, 8]最高的索引是3元素的8,因此该数组的大小3 + 1 = 4

长度大于最大索引的数字

稀疏数组中,该length值大于最高索引,但是它并不表示元素的实际数量。查询时length,它大于元素数。由于阵列中的间隙而发生。

c71d6ef27044018472d0a045f0e103b1.png

添加或删除元素时,length仅基于最高索引进行突变。任何不影响最高索引的数组修改都不会修改length,例如使用时delete

8b29ac84aa0aab3b6ee3c6b7dcd4e57e.png

参见JS Bin中的示例

长度修改

在前面的说明中,length只读。但是JavaScript也允许修改此属性。长度修改会影响数组,具体取决于新值和现有的最高索引。它可以删除元素或使数组稀疏。
当新length数字小于或等于最高索引时,将删除索引大于或等于新大小的所有元素。从数组末尾删除元素的有用方案。

be1527961ca5eacf088582e0c9b24970.png

如果使用大于最高索引的数字(或使用大于current的数字length),则数组将变得稀疏。它很少有用。

c9d6b04d1792c7a3ab6ba8f54d498677.png

请参阅JS Bin中的示例

可以为分配一个不同于数字的类型length。JavaScript会将原语转换为数字。如果转换结果NaN小于或小于0,则引发错误Uncaught RangeError: Invalid array length

31d0ce67ba269f8e6e45fc71f619c2b1.png

安全编码

通过创建稀疏数组来修改数组length,使用删除元素delete,使用添加元素[newIndex]是潜在问题的根源。结果是不一致的length值。JavaScript提供了更安全的选择。

要将元素添加到数组的末尾,请使用Array.prototype.push()并删除最新的pop()。要将元素插入开头,请使用unshift()并删除第一个shift()。对于更复杂的插入,删除或替换,splice()也足够强大。

0dcd692ab8f685e5a490ae2b2f6ba3c9.png

请参阅JS Bin中的示例

在极少数情况下,数组可以是稀疏的。依靠length确定元素的数量是不安全的。只需使用一个辅助函数来处理缺少的元素:

d8e38aa125b0db953e5ebe9e1150d436.png

in运算符确定对象是否具有属性。它可以完美地检查元素是否存在于特定索引处。

结论

如本文所见,length是具有复杂行为的属性。
通常,它的工作不会令人惊讶,但是在处理稀疏数组和修改时最好采取预防措施length
另一种选择是完全避免修改此属性并使用该splice()方法。

另请参见
Array.prototype.length
稀疏数组与密集数组

原著作者:德米特里·帕夫鲁汀

文章来源:国外

文章链接:

Dmitri Pavlutin Blog​dmitripavlutin.com
4804f72b5f2845512acebd26d2cac9f3.png

PS:原著文章内容为英文版本,建议使用360极速浏览器进行翻译阅读。

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

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

相关文章

python线程池模块_python并发编程之进程池,线程池,协程(Python标准模块--concurrent.futures(并发未来))...

需要注意一下不能无限的开进程,不能无限的开线程最常用的就是开进程池,开线程池。其中回调函数非常重要回调函数其实可以作为一种编程思想,谁好了谁就去掉只要你用并发,就会有锁的问题,但是你不能一直去自己加锁吧那么…

【Python基础知识-pycharm版】第四节-元组

元组元组的创建元组的元素访问和计数生成器推导式创建元组列表属于可变序列,可以任意修改列表中的元素,元组属于不可变序列,不能修改元组中的元素。因此,元组没有增加元素、修改元素、删除元素相关的方法。 因此,我们只…

人员离职it检查_?「市安委会第十七检查组」值班人员擅离职守,变压器房随意出入...

近日,市安委会第十七检查组深入浮山县隆顺矿业有限公司,细心查摆,全面梳理企业存在的安全隐患。日前,我们召开了安全生产工作会议,传达了市县相关要求和有关领导的指示批示,要求全体干部职工进一步提高安全…

LeetCode 1861. 旋转盒子(前缀和)

文章目录1. 题目2. 解题1. 题目 给你一个 m x n 的字符矩阵 box ,它表示一个箱子的侧视图。箱子的每一个格子可能为: # 表示石头* 表示固定的障碍物. 表示空位置 这个箱子被 顺时针旋转 90 度 ,由于重力原因,部分石头的位置会发…

学习需要记录才行啊

前些天学的现在又差不多忘了...比如计算机开机过程,指令执行过程,浏览器输入网址回车后到显示网页发生了什么等等... 接下去打算系统复习下操作系统,看了清华的公开课看了一半了,没做笔记,等看现代操作系统时再做笔记吧…

quartz.net隔一天执行一次_你知多少年的轮回,中秋和国庆在同一天吗?喜相逢必备“蟹”逅礼...

中秋节与国庆节上演“喜相逢”怎么会这样呢?天文学专业人士表明发生这类情形主要是闰月的原因天津市天文学会理事赵之珩说,我国的阴历规定大月30天,小月29天,1年12个月共354或355天,比一个回归年的天数少十一天上下&am…

【Python基础知识-pycharm版】第五节-字典\集合

第五节-字典\集合\控制语句字典字典的创建字典元素的访问字典元素添加、修改、删除序列解包表格数据使用字典和列表存储,并实现访问字典核心底层原理(重要)集合集合相关操作字典 字典是“键值对”的无序可变序列,字典中的每个元素…

英语在线听力翻译器_英语翻译_在线英语听力室

英语动画:考研英语翻译-新东方唐静 13[全屏观看] 点击右键- 另存为 可保存这个Flash影片...英语动画:考研英语翻译-新东方唐静 12[全屏观看] 点击右键- 另存为 可保存这个Flash影片...英语动画:考研英语翻译-新东方唐静 11[全屏观看] 点击右键…

java使用原生语句操作mongo_Java 中 MongoDB 使用指南

MongoDB是当今非常流行的一款NoSQL数据库&#xff0c;本文介绍如何使用MongoDB的Java驱动来操作MongoDB。一、引入MongoDB Java Driver包如果需要操作MongoDB的Java项目是一个Maven项目&#xff0c;可以在依赖中加上以下的配置。<dependencies><dependency><gro…

LeetCode 1863. 找出所有子集的异或总和再求和(DFS)

文章目录1. 题目2. 解题1. 题目 一个数组的 异或总和 定义为数组中所有元素按位 XOR 的结果&#xff1b;如果数组为 空 &#xff0c;则异或总和为 0 。 例如&#xff0c;数组 [2,5,6] 的 异或总和 为 2 XOR 5 XOR 6 1 。 给你一个数组 nums &#xff0c;请你求出 nums 中每个…

MVC中根据后台绝对路径读取图片并显示在IMG中

数据库存取图片并在MVC3中显示在View中 根据路径读取图片&#xff1a;byte[] img System.IO.File.ReadAllBytes("d:\xxxx.jpg"); 简介&#xff1a;在有些情况下需要将图片转换为二进制流存放在数据库中&#xff0c;当显示时再从数据库中读出来显示在界面上。 本文简…

【Python基础知识-pycharm版】第六节-控制语句

第六节 控制语句选择结构多分支选择结构选择结构的嵌套循环结构while循环for循环和可迭代对象遍历range 对象嵌套循环breakcontinueelse语句循环代码优化使用zip推导式创建序列列表推导式字典推导式集合推导式生成器推导式综合练习绘制不同颜色的多个同心圆选择结构 选择结构通…

jquery复选框组清空选中的值_jQuery获取复选框被选中数量及判断选择值的方法详解...

这篇文章主要介绍了jQuery获取复选框被选中数量及判断选择值的方法,结合实例形式分析了jQuery操作复选框进行判定与统计的相关技巧,非常具有实用价值,需要的朋友可以参考下本文实例讲述了jQuery获取复选框被选中数量及判断选择值的方法。分享给大家供大家参考&#xff0c;具体如…

天池 在线编程 回文子串(区间动态规划)

文章目录1. 题目2. 解题1. 题目 描述 小明喜欢玩文字游戏&#xff0c;今天他希望在一个字符串的子串中找到回文串。 回文串是从左往右和从右往左读相同的字符串&#xff0c;例如121和tacocat。子串是一个字符串中任意几个连续的字符构成的字符串。 现在给你一个字符串s, 求…

python读取html文件正则替换_Python正则获取和过滤或者替换HTML标签的方法说明

这篇文章主要介绍了Python通过正则表达式获取、过滤或者替换HTML标签的方法&#xff0c;感兴趣的小伙伴们可以参考一下本文实例介绍了Python通过正则表达式获取,去除(过滤)或者替换HTML标签的几种方法&#xff0c;具体内容如下python正则表达式转义符:. 匹配除换行符以外的任意…

【Python基础知识-pycharm版】第七节-函数

函数函数函数定义与调用形参和实参变量的作用域&#xff08;全局变量和局部变量&#xff09;局部变量和全局变量的测试参数的传递参数的几种类型位置参数默认值参数命名参数可变参数强制命名参数lambda表达式和匿名函数eval()函数用法递归函数_函数调用内存分析_栈帧的创建嵌套…

天池 在线编程 停车困境(双指针)

文章目录1. 题目2. 解题1. 题目 描述 停车场里停着许多汽车。 停车位是一条很长的直线&#xff0c;每米都有一个停车位。 当前很多汽车停放&#xff0c;您想通过建造屋顶来遮雨挡雨。 要求至少有k辆车的车顶被车顶遮盖&#xff0c;要覆盖k辆车的车顶的最小长度是多少&#xff…

《maven实战》笔记(2)----一个简单maven项目的搭建,测试和打包

参照《maven实战》在本地创建对应的基本项目helloworld&#xff0c;在本地完成后项目结构如下&#xff1a; 可以看到maven项目的骨架&#xff1a;src/main/java&#xff08;javaz主代码&#xff09;src/test/java&#xff08;测试代码&#xff09;src/main/resuources&#xff…

python自动复制_Python自动复制日志,python,拷贝

#!/usr/bin/env pythonimport osimport timeimport reimport osfrom time import sleepcmd3“adb pull /resources/map/BaiduMapAuto/bnav/log /Users/shixinfa/Desktop/0630/log”os.system(cmd3)while True:file1 os.stat(’/Users/shixinfa/Desktop/0630/InssdkLog’) # in…

python爬虫爬微信红包_python 微信红包

def redbags(money, num10):import randomchoice random.sample(range(1, money * 100), num - 1)choice.extend([0,money*100])choice.sort()return [(choice[i 1] - choice[i]) / 100 for i in range(num)]while True:money input(请输入你要发放的红包金额:).strip()num …