400-650-7353

精品课程

您所在的位置:首页 > IT干货资料 > web前端 > 【Web前端基础知识】如何构造Array数组函数

【Web前端基础知识】如何构造Array数组函数

数组(Array)在前端开发中经常使用,今天我们来学习下数组。我们从Array创建方式(构造函数、字面量),实例方法等方面来学习Array。

构造函数。

Array是 JavaScript 的原生对象,同时也是一个构造函数,可以用它生成新的数组。

  1. var arr = new Array(2); 
  2. console.log(arr.length); // 2 
  3. console.log(arr); // [ empty x 2 ] 

在上面代码中,Array构造函数的参数2,表示生成一个两个成员的数组,每个位置都是空值。

【Web前端基础】如何构造Array数组函数

如果没有使用new,运行结果也是一样的。也就是 var arr = new Array(2); 等同于 var arr = Array(2);

Array构造函数有一个很大的缺陷,就是不同的参数,会导致它的行为不一致。

  1. // 无参数时,返回一个空数组 
  2. new Array() // [] 
  3. ​ 
  4. // 单个正整数参数,表示返回的新数组的长度 
  5. new Array(1) // [ empty ] 
  6. new Array(2) // [ empty x 2 ] 
  7. ​ 
  8. // 非正整数的数值作为参数,会报错 
  9. new Array(3.2) // RangeError: Invalid array length 
  10. new Array(-3) // RangeError: Invalid array length 
  11. ​ 
  12. // 单个非数值(比如字符串、布尔值、对象等)作为参数,则该参数是返回的新数组的成员 
  13. new Array('abc') // ['abc'] 
  14. new Array([1]) // [Array[1]] 
  15. ​ 
  16. // 多参数时,所有参数都是返回的新数组的成员 
  17. new Array(1, 2) // [1, 2] 
  18. new Array('a', 'b', 'c') // ['a', 'b', 'c'] 

使用构造函数Array创建数组,不传参数,会得到一个空数组;如果参数只有一个而且参数为正整数,表示新数组的长度;如果使用非正整数作为参数,会报错;如果单个非数字作为参数,那么这个参数就是新数组的成员;如果是多个参数,那么所有的参数都是新数组的成员。

通过上面的代码,可以看到,Array作为构造函数,行为很不一致。因此,不建议使用它生成新数组,直接使用数组字面量是更好的做法,而我们在开发中更多的也是使用字面量形式创建数组。比如下面的代码:

  1. // 构造函数形式 
  2. var arr = new Array(1, 2, 3); 
  3. ​ 
  4. // 字面量形式 
  5. var arr = [1, 2, 3]; 

 

课程好礼申请领取
您的姓名
您的电话
意向课程
 

中公优就业

官方QQ

扫描上方二维码或点击一键加群,免费领取价值599元网课,加群暗号:599。 一键加群

>>本文地址:
注:本站稿件未经许可不得转载,转载请保留出处及源文件地址。

推荐阅读

测一测
你适合学哪门IT技术?

1 您的年龄

2 您的学历

3 您更想做哪个方向的工作?

获取测试结果
 
课程资料、活动优惠 领取通道
 
 
网站地图 500w彩票网开户 快乐彩票网平台 彩29彩票网官方网
太阳城现金网 申博快速充值中心 申博开户注册 申博ag游戏
优彩彩票网广东11选5 菲律宾申博太阳城138娱乐登入 澳门金沙线上娱乐注册登入 必发游戏直营网
500w彩票网平台 999.金巴黎彩票.com cc彩票游戏 58彩票网网站
500w彩票网平台 c58彩票 快乐彩票什么网 快乐彩票网平台登录
778DC.COM 700xsb.com 8ZTS.COM 316sun.com 8KTS.COM
000XSB.COM 133TGP.COM 887XTD.COM 988BBIN.COM 899TGP.COM
6666ib.com ib54.com uk138.com 44sbmsc.com 898XTD.COM
538PT.COM 44TGP.COM 414sun.com 219SUN.COM 588XTD.COM