web前端培训之Javascript如何改变数组的长度?

　　修改数组长度

　　使用“数组名.length”可以获取或修改数组的长度。数组长度的计算方式为数组中元素的最大索引值加1，示例代码如下。

　　var arr = ['a', 'b', 'c'];

　　console.log(arr.length); //输出结果:3

　　在上述代码中，数组中最后一个元素是c，该元素的索引为2，因此数组长度为3。使用arr.length不仅可以获取数组长度，还可以修改数组长度，示例代码如下。

　　var arr1 = [1, 2];

　　arr1.length = 4; //大于原有长度

　　console.log(arr1); //输出结果:(4) [1, 2, empty x 2]

　　var arr2 = [1, 2, 3, 4];

　　arr2.length = 2; //小于原有长度

　　console.log(arr2); //输出结果: (2) [1, 2]

　　在console.log()的输出结果中，前面的“(4)” 表示数组的长度为4，后面显示的是数组中的元素，emply表示空元素。若length的值大于数组中原来的元素个数，则缺少的元素会占用索引位置，成为空元素;若length的值小于数组中原来的元素个数，多余的数组元素将会被舍弃。当访问空元素时，返回结果为undefined，示例代码如下。

　　var arr = [1];

　　arr.length = 4; //修改数组的长度为4

　　console.log(arr); //输出结果: (4) [1, empty x 3]

　　console.log(arr[1]); //输出结果: undefined

　　除了上述情况外，还有如下3种常见的情况也会出现空元素。

　　//情况1 :在使用字面量创建数组时出现空元素

　　var arr=[1,2, ,4];

　　console.log(arr); //输出结果: (4) [1，2, empty, 4]

　　//情况2 :在new Array() 中传人数组长度的参数

　　var arr = new Array(4);

　　console.log(arr); //输出结果: (4) [empty x 4]

　　//情况3:为数组添加索引不连续的元素

　　var arr= [1];

　　arr[3] = 4; //向数组中添加一个元素，索引为3

　　console.log(arr); //输出结果: (4) [1, empty x 2, 4]

web前端培训之Javascript如何改变数组的长度?相关推荐

正则至少一个数字_好程序员web前端培训分享JavaScript学习笔记之正则
好程序员web前端培训分享JavaScript学习笔记之正则,正则表达式,又名 "规则表达式" 由我们自己来书写 "规则",专门用来检测字符串是否符合 &q ...
Javascript如何改变数组的长度？
修改数组长度使用"数组名.length"可以获取或修改数组的长度.数组长度的计算方式为数组中元素的最大索引值加1,示例代码如下. var arr = ['a', 'b', 'c' ...
web前端培训分享Electron之Main Process API
本节由千锋web前端培训机构讲师给大家分享Electron使用指南之Main Process API,Electron API (Electron API 有三种) Main Process (主进进 ...
react组件卸载调用的方法_好程序员web前端培训分享React学习笔记（三）
好程序员web前端培训分享React学习笔记(三),组件的生命周期 React中组件也有生命周期,也就是说也有很多钩子函数供我们使用, 组件的生命周期,我们会分为四个阶段,初始化.运行中.销毁.错误处 ...
web前端培训：CSS中单行文本溢出显示省略号的方法
CSS中单行文本溢出显示省略号的方法你知道吗?在web前端技术学习中,这个问题其实是属于老生常谈了,因为css单行文本的应用是非常频繁的,比如网站最基本的文章列表,标题会很长,而显示列表的区域宽度却没 ...
参加web前端培训要学会哪些技能
想要成为一名合格的web前端程序猿,要学习的东西有很多,那么参加web前端培训要学会哪些技能呢?来看看下面的详细介绍就知道了. 参加web前端培训要学会哪些技能?想从事web前端开发,只会HTML.C ...
参加web前端培训要学哪些知识
IT行业,web前端技术是比较吃香的,也是工资待遇非常高的行业之一,如果想要做一名合格的web前端工程师,系统学习是非常重要的,那么参加web前端培训要学哪些知识呢?来看看下面的详细介绍. 参加web ...
props写法_好程序员web前端培训React中事件的写法总结
好程序员web前端培训React中事件的写法总结,React的事件处理和DOM元素很相似,但是语法上是有不同的: 1.react事件采用驼峰命名法,而不是纯小写. 驼峰命名法(camelCase):命 ...
好程序员Web前端教程分享JavaScript开发技巧
好程序员Web前端教程分享JavaScript开发技巧,相信知道Web前端的小伙伴都熟悉,Javascript的很多扩展的特性是的它变得更加的犀利,同时也给予程序员机会创建更漂亮并且更让用户喜欢的网站 ...

web前端培训之Javascript如何改变数组的长度?

web前端培训之Javascript如何改变数组的长度?相关推荐

最新文章

热门文章