400-650-7353

精品课程

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

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

  • 发布: Web前端培训
  • 来源:Web前端干货资料
  • 2021-02-25 10:27:55
  • 阅读()
  • 分享
  • 手机端入口

数组(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]; 

 

学习疑问申请解答
您的姓名
您的电话
意向课程
 

中公优就业

IT小助手

扫描上方二维码添加好友,请备注:599,享学习福利。

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

推荐阅读

优就业:ujiuye

关注中公优就业官方微信

  • 关注微信回复关键词“大礼包”,享学习福利
QQ交流群
在线疑问解答
(加群备注“网站”)
IT培训交流群 加入群聊 +
软件测试 加入群聊 +
全链路UI/UE设计 加入群聊 +
Python+人工智能 加入群聊 +
互联网营销 加入群聊 +
Java开发 加入群聊 +
PHP开发 加入群聊 +
VR/AR游戏开发 加入群聊 +
大前端 加入群聊 +
大数据 加入群聊 +
Linux云计算 加入群聊 +
优就业官方微信
扫码回复关键词“大礼包”
享学习福利

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

1 您的年龄

2 您的学历

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

获取测试结果
 
课程资料、活动优惠 领取通道
 
 
国内在线视频观看视频