JavaScript中的数组特性介绍


Posted in Javascript onDecember 30, 2014

与Java语言不同,JavaScript中的数组拥有三个特性:

 

1.无类型。数组的成员可以是任何类型,同一个数组也可以由很多不同类型的成员所组成。
2.长度可变。数组的长度是可以动态变化的,因此在JavaScript中不存在数组访问的越界问题。
3.不连续性。数组中成员的位置可以是连续的(0, 1, 2, 3…),也可以是不连续的。任何数组都有一个名为length的属性,在数组成员连续的情况下,length值与数组成员数目一致;当数组成员不连续时,length值要大于数组成员的数目。与连续的数组相比,不连续数组的读写性能要差一些。

 

实验:

var o = [42, "Sample Text", {x:88}];//JavaScript array is un-typed.

console.log(o);//[42, "Sample Text", Object {x=88}]

o[3] = 27;//JavaScript array is dynamic.

console.log(o);//[42, "Sample Text", Object {x=88}, 27]

o[5] = 99;//JavaScript array is sparse.

console.log(o);//[42, "Sample Text", Object {x=88}, 27, undefined, 99]

从上面的例子中可以看到,对于不连续的数组,当访问到缺失的那个成员时,JavaScript将返回undefined。如果数组连续,但是其中某个成员为undefined,那么访问数组的结果是一样的:

var a = [42, "Sample Text", {x:88}, 27, undefined, 99];

console.log(a);//[42, "Sample Text", Object {x=88}, 27, undefined, 99]

数组不连续、有成员缺失,跟数组连续、但有成员为undefined,这两种情况下访问数组内容所得到的结果是一样的。但在这两者之间还是存在一些细微的差别,主要表现在对数组key的访问上:

console.log(4 in o);//false

console.log(4 in a);//true

可以看到,这两种情况下虽然访问内容所得到的结果一致,但是其内部机制是完全不同的:在数组不连续的情况下,某个成员缺失,因此当访问该成员时,JavaScript返回了undefined;在数组连续的情况下,所有的成员都存在,只是某些成员的值比较特殊,为undefined而已。

从上面的例子中也可以看到,JavaScript中的数组究其本质只是以数字为key的对象而已,与普通的键值对对象没有任何差别。事实上,在对数组进行读取和写入操作时,JavaScript会试图将参数转换为正整数,如果转换成功则将进行数组操作(自动更新数组的length属性),如果失败则将参数转换成字符串后进行普通对象的读写操作。当然,在JavaScrpt解释器的实现中,针对数组的这种以数字作为key的特性作了很多性能优化,因此在实际使用过程中,如果对象的key都是数字,那么直接使用数组对象会得到更加高效的结果。

在对数组进行定义的过程中,JavaScript允许出现多余的逗号,也允许两个逗号间出现数组成员的缺失:

var x = [1,2,3,];//trailing comma will be omitted.

console.log(x.length);//3

         

var y = [1,,3];//member can be missed.

console.log(y);//[1, undefined, 3]

console.log(1 in y);//false

console.log(y.length);//3

对于数组的创建,JavaScript支持四种方法:

1.使用字面量(如上述几个例子中的中括号表达式)来直接创建数组对象。
2.使用Array()构造函数,不传入任何参数。在这种情况下,将创建一个空数组,其效果与[]等同。
3.使用Array()构造函数,传入一个正整数作为数组的长度。在这种情况下,JavaScript将预留相应的内存空间来存储这个数组。值得注意的是,此时数组的key都是没有被定义的,也即数组中没有任何成员。其效果与[,,,,]这样的写法等同
4.使用Array()构造函数,传入数组的成员。

实验:

var z = new Array(10);//pre-allocate memory, but no index is defined yet.

console.log(3 in z);//false
var m = new Array(42, 33, 99, "test", {k:99});

console.log(m);//[42, 33, 99, "test", Object {k=99}]

在ECMAScript 5标准中,可以用Array.isArray()来判断某个对象是否是数组:
Array.isArray([]);//true

Array.isArray({});//false
Javascript 相关文章推荐
escape、encodeURI、encodeURIComponent等方法的区别比较
Dec 27 Javascript
jQuery Tools tab使用介绍
Jul 14 Javascript
Jqgrid设置全选(选择)及获取选择行的值示例代码
Dec 28 Javascript
JavaScript采用递归算法计算阶乘实例
Aug 04 Javascript
jQuery qrcode生成二维码的方法
Apr 03 Javascript
微信小程序 image组件binderror使用例子与js中的onerror区别
Feb 15 Javascript
详解使用Vue Router导航钩子与Vuex来实现后退状态保存
Sep 11 Javascript
微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
Dec 05 Javascript
vue.js实现的绑定class操作示例
Jul 06 Javascript
浅析Proxy可以优化vue的数据监听机制问题及实现思路
Nov 29 Javascript
微信小程序实现获取用户信息并存入数据库操作示例
May 07 Javascript
详细聊聊浏览器是如何看闭包的
Nov 11 Javascript
JavaScript中数组成员的添加、删除介绍
Dec 30 #Javascript
JavaScript 实现打印,打印预览,打印设置
Dec 30 #Javascript
JavaScript中的数组操作介绍
Dec 30 #Javascript
jQuery中:first选择器用法实例
Dec 30 #Javascript
JavaScript中的类数组对象介绍
Dec 30 #Javascript
JavaScript中的方法调用详细介绍
Dec 30 #Javascript
JavaScript中的闭包(Closure)详细介绍
Dec 30 #Javascript
You might like
php,不用COM,生成excel文件
2006/10/09 PHP
PHP 操作文件的一些FAQ总结
2009/02/12 PHP
PHP之COOKIE支持详解
2010/09/20 PHP
PHP之短标签开启设置
2013/06/17 PHP
学习php分页代码实例
2013/10/24 PHP
PHP编程快速实现数组去重的方法详解
2017/07/22 PHP
Javascript操纵Cookie实现购物车程序
2006/11/23 Javascript
40个新鲜出炉的jQuery 插件和免费教程[上]
2012/07/24 Javascript
html dom节点操作(获取/修改/添加或删除)
2014/01/23 Javascript
js中运算符&& 和 || 的使用记录
2014/08/21 Javascript
javascript获取系统当前时间的方法
2015/11/19 Javascript
简单理解vue中Props属性
2016/10/27 Javascript
AngularJS 支付倒计时功能实现思路
2017/06/05 Javascript
jQuery UI实现动画效果代码分享
2018/08/19 jQuery
vue 保留两位小数 不能直接用toFixed(2) 的解决
2020/08/07 Javascript
vue3.0 加载json的方法(非ajax)
2020/10/26 Javascript
Python中的闭包详细介绍和实例
2014/11/21 Python
Python自动登录126邮箱的方法
2015/07/10 Python
Python随机数random模块使用指南
2016/09/09 Python
Python AES加密模块用法分析
2017/05/22 Python
python 获取键盘输入,同时有超时的功能示例
2018/11/13 Python
python+pyqt5实现24点小游戏
2019/01/24 Python
利用pyuic5将ui文件转换为py文件的方法
2019/06/19 Python
Python如何使用turtle库绘制图形
2020/02/26 Python
Pycharm中import torch报错的快速解决方法
2020/03/05 Python
Pytorch学习之torch用法----比较操作(Comparison Ops)
2020/06/28 Python
英国的领先快速时尚零售商:In The Style
2019/03/25 全球购物
中学生学习生活的自我评价
2013/10/26 职场文书
物流合作计划书
2014/01/10 职场文书
代理人委托书
2014/08/01 职场文书
乡镇干部先进性教育活动个人整改措施
2014/09/16 职场文书
关于运动会广播稿300字
2014/10/05 职场文书
客房服务员岗位职责
2015/02/09 职场文书
入学证明
2015/06/23 职场文书
企业法律事务工作总结
2015/08/11 职场文书
初中班主任教育随笔
2015/08/15 职场文书