时间:2021-05-26
Javascript,一门神奇的语言,它的数组也同样独特。我们要去其糟粕,取其精华,把常用的最优实践总结出来。如有错误,请指出。
javascript数组是一种类数组的对象,拥有对象的特性。当属性名是小而连续的整数时,应该使用数组,否则,使用对象。
数组来源
所有的数组都是Array构造出来的,我们来测试一下constructor这个属性。
var arr = [];arr.constructor === Array; // truearr.constructor === Array.prototype.constructor; // true创建数组
由于arr4的方式,当只有一个数字参数传递到Array的构造函数中,构造函数会返回设置了length属性的空数组。所以推荐使用数组字面量方式,短小而简洁。
检测对象是否为数组
众所周知,typeof不能正确检测类型。
arr1 instanceof Array; //trueinstanceof 方式在一个网页内是没有问题,一旦嵌套其他网页,便存在两个全局作用域,互相调用时的检测就会出问题。
Array.isArray(arr1); // trueArray.isArray() 是ECMAScript5 新增的方法,没有缺陷。唯一的问题是ie8浏览器不支持,ie9浏览器在严格模式下也不支持。
Object.prototype.toString.apply(arr1).slice(8, -1); // Array最后一种方式是检测类型的最好方法。
数组长度
数组的length也是它的属性,增大length也不会发生越界错误。
length值等于数组最大的整数属性名加1。
设小值将将会把属性名大于等于length的属性删除。
如果将length值设为0,相当于清空数组。
数组遍历
遍历数组不要使用for in循环遍历数组,因为for in会遍历原型链上的所有属性,但我们并不需要这么多。推荐使用for循环的方式。
var arr1 = [1, 2, 3];arr1.test = 9;//for in 方式for(var prop in arr1){ cosole.log(prop, arr1[prop]);}// 输出如下// 0 1// 1 2// 2 3// test 9//for循环方式for(var i = 0, len = arr1.length; i < len; i++){ console.log(arr1[i]);}//输出如下// 1// 2// 3我们看到for in方式多出了一个test值,可以使用hasOwnProperty函数排除,但那会比for循环的方式慢很多。
缓存数组长度很有必要的一步,每次访问是有性能开销的(最新的浏览器在这方面做了优化)。
小结
简单介绍了Array的相关基础知识,到这里也算是能对Array有更全面的理解了。下一篇介绍Array的方法。
Javascript虽然有很多不太容易弄懂的地方,随着长时间的学习,我已经慢慢地爱上它了(因为现在没有妹子让我爱)。
声明:本页内容来源网络,仅供用户参考;我单位不保证亦不表示资料全面及准确无误,也不保证亦不表示这些资料为最新信息,如因任何原因,本网内容或者用户因倚赖本网内容造成任何损失或损害,我单位将不会负任何法律责任。如涉及版权问题,请提交至online#300.cn邮箱联系删除。
前言在JavaScript中,除了Object之外,Array类型(数组)恐怕就是最常用的类型了。与其他语言的数组相比,JavaScript中的Array非常灵
Array数组1.介绍数组是值的有序集合。每个值叫做一个元素,而每个元素在数组中有一个位置,以数字表示,称为索引。JavaScript数组是无类型:数组元素可以
本文介绍了Js的Array数组对象,具体内容如下目录1.介绍:介绍Array数组对象的说明、定义方式以及属性。2.实例方法:介绍Array对象的实例方法:con
JavaScript数组的forEach()方法调用数组中的每个元素。语法array.forEach(callback[,thisObject]);下面是参数的
本文实例分析了Javascript数组与字典用法。分享给大家供大家参考。具体分析如下:Javascript的数组Array,既是一个数组,也是一个字典(Dict