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

举报
whisperrr 发表于 2021/08/17 14:26:26 2021/08/17
【摘要】 使用“数组名.length”可以获取或修改数组的长度。数组长度的计算方式为数组中元素的最大索引值加1

  修改数组长度

  使用“数组名.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]; 大连无痛人流医院 http://www.bhbyby.net/

     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]

【版权声明】本文为华为云社区用户转载文章,如果您发现本社区中有涉嫌抄袭的内容,欢迎发送邮件进行举报,并提供相关证据,一经查实,本社区将立刻删除涉嫌侵权内容,举报邮箱: cloudbbs@huaweicloud.com
  • 点赞
  • 收藏
  • 关注作者

评论(0

0/1000
抱歉,系统识别当前为高风险访问,暂不支持该操作

全部回复

上滑加载中

设置昵称

在此一键设置昵称,即可参与社区互动!

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。

*长度不超过10个汉字或20个英文字符,设置后3个月内不可修改。