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 相关文章推荐
jQuery asp.net 用json格式返回自定义对象
Apr 07 Javascript
Jquey拖拽控件Draggable使用方法(asp.net环境)
Sep 28 Javascript
javascript定义函数的方法
Dec 06 Javascript
js实现div闪烁原理及实现代码
Jun 24 Javascript
编写简单的jQuery提示插件
Dec 21 Javascript
原生js和jquery实现图片轮播特效
Apr 23 Javascript
详解JavaScript的策略模式编程
Jun 24 Javascript
jQuery简单实现彩色云标签效果示例
Aug 01 Javascript
JavaScript和jQuery获取input框的绝对位置实现方法
Oct 13 Javascript
JS数组返回去重后数据的方法解析
Jan 03 Javascript
微信小程序 Tab页切换更新数据
Jan 05 Javascript
浅谈vue后台管理系统权限控制思考与实践
Dec 19 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
如何分别全角和半角以避免乱码
2006/10/09 PHP
自动分页的不完整解决方案
2007/01/12 PHP
MySql中正则表达式的使用方法描述
2008/07/30 PHP
php配置php-fpm启动参数及配置详解
2013/11/04 PHP
php自动识别文字编码并转换为目标编码的方法
2015/08/08 PHP
php微信开发之图片回复功能
2018/06/14 PHP
Laravel 解决composer相关操作提示php相关异常的问题
2019/10/23 PHP
window.location和document.location的区别分析
2008/12/23 Javascript
使用javascript:将其它类型值转换成布尔类型值的解决方法详解
2013/05/07 Javascript
jquery获取tr并更改tr内容示例代码
2014/02/13 Javascript
理解javascript正则表达式
2016/03/08 Javascript
前端设计师们最常用的JS代码汇总
2016/09/25 Javascript
微信小程序scroll-view实现横向滚动和上拉加载示例
2017/03/06 Javascript
js闭包学习心得总结
2018/04/17 Javascript
js 图片转base64的方式(两种)
2018/04/24 Javascript
JavaScript的Object.defineProperty详解
2018/07/09 Javascript
video.js 一个页面同时播放多个视频的实例代码
2018/11/27 Javascript
vue-cli 3 全局过滤器的实例代码详解
2019/06/03 Javascript
vue的webcamjs集成方式
2020/11/16 Javascript
python爬虫爬取淘宝商品信息
2018/02/23 Python
python将文本分每两行一组并保存到文件
2018/03/19 Python
如何利用python进行时间序列分析
2020/08/04 Python
如何使用 Flask 做一个评论系统
2020/11/27 Python
中外合拍动画首获奥斯卡提名,“上海出品”《飞奔去月球》能否拿下最终大奖?
2021/03/16 国漫
豆腐の盛田屋官网:日本自然派的豆乳面膜、肥皂、化妆水、乳液等
2016/10/08 全球购物
资产评估专业大学生求职信
2013/09/29 职场文书
社团活动策划书范文
2014/01/09 职场文书
中学生操行评语大全
2014/04/24 职场文书
医院合作协议书
2014/08/19 职场文书
手机销售员岗位职责
2015/04/11 职场文书
2015年维修工作总结
2015/04/25 职场文书
医院志愿者活动总结
2015/05/06 职场文书
民事调解书范文
2015/05/20 职场文书
银行资信证明
2015/06/17 职场文书
党校培训学习心得体会
2016/01/06 职场文书
班级元旦晚会开幕词
2016/03/04 职场文书