• 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]; 

     

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

    中公优就业

    官方QQ

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

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

    推荐阅读

    优就业:ujiuye

    关注中公优就业官方微信

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

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

    1 您的年龄

    2 您的学历

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

    获取测试结果
     
    课程资料、活动优惠 领取通道
     
     
    韩国毛茸茸的丰满妇女,亚洲国内自拍愉拍,高清性色生活片97,亚洲日本成本人观看 网站地图