浅析JavaScript中的array数组类型系统(2)

//标准浏览器输出[1,2],而IE8-浏览器输出[1,2,undefined] var a = [1,2,]; console.log(a); //标准浏览器输出2,而IE8-浏览器输出3 var a = [,,]; console.log(a.length);

  足够稀疏的数组通常在实现上比稠密的数组更慢,内存利用率更高,在这样的数组中查找元素的时间与常规对象属性的查找时间一样长

数组长度

  每个数组有一个length属性,就是这个属性使其区别于常规的JavaScript对象。针对稠密(也就是非稀疏)数组,length属性值代表数组中元素的个数,其值比数组中最大的索引大1

[].length //=>0:数组没有元素 ['a','b','c'].length //=>3:最大的索引为2,length为3

  当数组是稀疏数组时,length属性值大于元素的个数,同样地,其值比数组中最大的索引大1

[,,,].length; //3 (Array(10)).length;//10 var a = [1,2,3]; console.log(a.length);//3 delete a[1]; console.log(a.length);//3

 数组的特殊性主要体现在数组长度是可以动态调整的:

  【1】如果为一个数组元素赋值,索引i大于等于现有数组的长度时,length属性的值将设置为i+1

var arr = ['a', 'b']; arr.length // 2 arr[2] = 'c'; arr.length // 3 arr[9] = 'd'; arr.length // 10 arr[1000] = 'e'; arr.length // 1001

  【2】设置length属性为小于当前长度的非负整数n时,当前数组索引值大于等于n的元素将从中删除

a=[1,2,3,4,5]; //从5个元素的数组开始 a.length = 3; //现在a为[1,2,3] a.length = 0; //删除所有的元素。a为[] a.length = 5; //长度为5,但是没有元素,就像new

Array(5)

  [注意]将数组清空的一个有效方法,就是将length属性设为0

var arr = [ 'a', 'b', 'c' ]; arr.length = 0; arr // []

  【3】将数组的length属性值设置为大于其当前的长度。实际上这不会向数组中添加新的元素,它只是在数组尾部创建一个空的区域

var a = ['a']; a.length = 3; console.log(a[1]);//undefined console.log(1 in a);//false

  如果人为设置length为不合法的值(即0——232-2范围以外的值),javascript会报错

// 设置负值 [].length = -1// RangeError: Invalid array length // 数组元素个数大于等于2的32次方 [].length = Math.pow(2,32)// RangeError: Invalid array length // 设置字符串 [].length = 'abc'// RangeError: Invalid array length

  由于数组本质上是对象,所以可以为数组添加属性,但是这不影响length属性的值

var a = []; a['p'] = 'abc'; console.log(a.length);// 0 a[2.1] = 'abc'; console.log(a.length);// 0

数组遍历

  使用for循环遍历数组元素最常见的方法

var a = [1, 2, 3]; for(var i = 0; i < a.length; i++) { console.log(a[i]); }

  当然,也可以使用while循环

var a = [1, 2, 3]; var i = 0; while (i < a.length) { console.log(a[i]); i++; } var l = a.length; while (l--) { console.log(a[l]); }

  但如果数组是稀疏数组时,使用for循环,就需要添加一些条件

//跳过不存在的元素 var a = [1,,,2]; for(var i = 0; i < a.length; i++){ if(!(i in a)) continue; console.log(a[i]); }

  还可以使用for/in循环处理稀疏数组。循环每次将一个可枚举的属性名(包括数组索引)赋值给循环变量。不存在的索引将不会遍历到

var a = [1,,,2]; for(var i in a){ console.log(a[i]); }

  由于for/in循环能够枚举继承的属性名,如添加到Array.prototype中的方法。由于这个原因,在数组上不应该使用for/in循环,除非使用额外的检测方法来过滤不想要的属性

var a = [1,,,2]; a.b = 'b'; for(var i in a){ console.log(a[i]);//1 2 'b' } //跳过不是非负整数的i var a = [1,,,2]; a.b = 'b'; for(var i in a){ if(String(Math.floor(Math.abs(Number(i)))) !== i) continue; console.log(a[i]);//1 2 }

内容版权声明:除非注明,否则皆为本站原创文章。

转载注明出处:https://www.heiqu.com/wzsyjs.html