脚本之家 服务器常用软件
快捷导航
您的位置：首页 → 网络编程 → JavaScript → javascript技巧 → js数组

JavaScript数组的一些奇葩行为

 更新时间：2016年01月25日 11:12:17   作者：宇哥哥  
今天，复习了一下JavaScript的数组，然后，把他的一些奇葩行为总结了一下，分享在脚本之家平台，欢迎大家参考

在程序语言中数组的重要性不言而喻，JavaScript中数组也是最常使用的对象之一，数组是值的有序集合，由于弱类型的原因，JavaScript中数组十分灵活、强大，不像是Java等强类型高级语言数组只能存放同一类型或其子类型元素，JavaScript在同一个数组中可以存放多种类型的元素，而且是长度也是可以动态调整的，可以随着数据增加或减少自动对数组长度做更改。

今天，复习了一下JavaScript的数组，然后，把他的一些奇葩行为总结了一下，在这里和大家share一下，如果有不对的地方，欢迎指出！

奇葩1：Array()构造器函数可以不使用new关键字进行调用：

Array()构造器使用传递给他的参数作为数组的元素，从而创建数组，一般的，我们是如下调用的：

var a = new Array(1, 2, "bom!");
a.length; //3
console.log(a); //[1, 2, "bom!"]

但是，省略掉new也是可以的，如下：

var a = Array(1, 2, "bom!");
a.length; //3
console.log(a); //[1, 2, "bom!"]

虽然，我不知道他的内部实现机制是什么，但是，猜想他的构造器函数可能是如下定义的：

function Array(args) {
//如果，this不是Array的实例的话，
//说明不是通过new调用的，则在这里再重新调用
if( !this instanceof Array) {
return new Array(args);
}//后面是正常调用时的实现代码
//...
}

奇葩2：当只传一个参数给构造函数时，行为莫测

如果只传一个参数，并且这个参数是一个整数，将会得到一个数组，并且length等于这个参数

var a = new Array(12);
console.log(a.length); //12
console.log(a); //[]

如果只传一个浮点数，就会报错：

var a = new Array(1.1); //Uncaught RangeError: Invalid array length(…)

传递一个字符串就会正常工作，并且该字符串作为数组的第一个元素：

var a = new Array("1.1");
console.log(a.length); //
console.log(a); //["1.1"]

但是为了避免二义性，我建议最好是是直接使用字面量的形式创建数组：

var a = []; //空数组
var a = [1, 1, "bom"]; //三个元素
var a = [12]; //一个元素，并且元素是12

奇葩3：数组的length属性可以被修改（可写）

如下，我们直接把本来是2的length改成了100，而且还修改成功了！！！

var a = [1, 2, 3, 4];
console.log(a.length); //4
a.length = 100; 
console.log(a.length); //100

虽然length等于100，但是，元素a[4]-a[99]是不存在的，并且如果你请求他们的值的话，例如，从0到a.length做一个循环中做的话，那么会得到undefined。

接下来再看：

var a = [1, 2, 3, 4];
a.length = 100;
console.log(a[10]); //undefined
console.log(99 in a); //false

与下面的例子有点相似：

var a = [1, 2, 3, 4];
a[99] = undefined;
console.log(a.length); //100

不同之处在于，这里的a[99]存在了，因为我们创建了它，即使他拥有的是undefined的值。但是从a[4]到a[98]的所有元素则是不存在的，如下：

var a = [1, 2, 3, 4];
a[99] = undefined;
console.log(99 in a); //true;
console.log(98 in a); //false
console.log(a.length); //100

以上所述给大家分享了JavaScript数组的一些奇葩行为，文章写的不好还请见谅，谢谢！

您可能感兴趣的文章:

相关文章

  • springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项

    springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项

    在使用easyUI做前端样式展示时，遇到了文件上传的问题，而且是在弹出层中提交表单，想做到不刷新页面，所以选择了使用ajaxFileUpload插件。下面通过本文给大家分享springMVC + easyui + $.ajaxFileUpload实现文件上传注意事项，需要的朋友参考下吧
    2017-04-04
  • JS加密插件CryptoJS实现AES加密操作示例

    JS加密插件CryptoJS实现AES加密操作示例

    这篇文章主要介绍了JS加密插件CryptoJS实现AES加密操作,结合实例形式分析了CryptoJS插件的具体设置与AES加密操作实现技巧,需要的朋友可以参考下
    2018-08-08
  • bootstrap datepicker限定可选时间范围实现方法

    bootstrap datepicker限定可选时间范围实现方法

    这篇文章主要介绍了bootstrap datepicker限定可选时间范围的实现方法，本文涉及到相关知识点，通过实例给大家介绍的非常详细,需要的朋友可以参考下
    2016-09-09
  • js中遍历对象的属性和值的方法

    js中遍历对象的属性和值的方法

    下面小编就为大家带来一篇js中遍历对象的属性和值的方法。小编觉得挺不错的，现在就分享给大家，也给大家做个参考。一起跟随小编过来看看吧
    2016-07-07
  • 微信小程序下拉刷新PullDownRefresh的使用方法

    微信小程序下拉刷新PullDownRefresh的使用方法

    这篇文章主要给大家介绍了关于微信小程序下拉刷新PullDownRefresh的实现方法，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
    2018-11-11
  • JS实现十分钟倒计时代码实例

    JS实现十分钟倒计时代码实例

    在本篇文章里我们给大家分享了关于JS实现十分钟倒计时的相关实例代码，有需要的朋友们可以学习下。
    2018-10-10
  • 轻松理解JavaScript之AJAX

    轻松理解JavaScript之AJAX

    本文主要介绍了JavaScript中的AJAX的相关知识，具有很好的参考价值，下面跟着小编一起来看下吧
    2017-03-03
  • 轻松掌握JavaScript中介者模式

    轻松掌握JavaScript中介者模式

    这篇文章主要帮助大家轻松掌握JavaScript中介者模式，告诉大家什么是js中介者模式？js中介者模式的作用是什么，感兴趣的小伙伴们可以参考一下
    2016-08-08
  • 实例详解BootStrap的动态模态框及静态模态框

    实例详解BootStrap的动态模态框及静态模态框

    要用bootStrap这个框架就必须要重载它的class类,也就是说class要一样。接下来通过实例代码给大家介绍BootStrap的动态模态框及静态模态框,需要的朋友可以参考下
    2018-08-08
  • js 处理URL实用技巧

    js 处理URL实用技巧

    escape()、encodeURI()、encodeURIComponent()三种方法都能对一些影响URL完整性的特殊字符进行过滤。
    2010-11-11

最新评论