JavaScript内置对象-Array

▓▓▓▓▓▓ 大致介绍

  除了Object之外,Array类型恐怕就是JavaScript种最常用的类型了,JavaScript中的数组与其他语言中的数组有很大的区别,例如,数组的每一项可以存放任何值,并且数组的大小事可以动态调整的

▓▓▓▓▓▓ 创建数组的两种方法

  创建数组有两种方法:一是用构造函数,二是用对象字面量的方法

  构造函数方式

  使用Array构造函数

var colors = new Array();

  创建一个含有二十项的数组

var colors = new Array(20);

  创建一个包含三项的数组

 var colors = new Array("pink","black","white");

  对象字面量方式

  数组字面量由一对包含数组项的方括号表示

 var colors = ["red","blue","green"];

▓▓▓▓▓▓ length属性

  JavaScript数组中的length是没有上界的,如果用大于当前length值的数字作为下标来储存值,那么数组就会被扩充来容纳这个元素。

var empty = [];
empty.length; //
empty[100] = 'QQQ';
empty.length; //
//[]后置下标运算符把它所包含的表达式转换成一个字符串,如果该表达式有toString方法,就使用该方法的值
empty['100']; //QQQ

  如果把length设小将导致所有下标大于等于新length的属性被删除

var numbers = [
'zero','one','two','three','false','12'
];
numbers.length = 2;
console.log(numbers); //["zero", "one"]

▓▓▓▓▓▓ in运算符

  检查某个键名是否存在的in运算符,也可以适用于数组

var myArray = [1,'2','name','23e'];

0 in myArray //true
2 in myArray //true
4 in myArray //false

  注意:如果某个位置的值为0,也会返回false

var a = [];
a[100] = 1;
a[3] in myArray; //false

▓▓▓▓▓▓ 数组的遍历

  数组的遍历通常是用for或者while循环,并不推荐for..in循环

var a = [1, 2, 3];

// for循环
for(var i = 0; i < a.length; i++) {
console.log(a[i]);
} // while循环
var i = 0;
while (i < a.length) {
console.log(a[i]);
i++;
} var l = a.length;
while (l--) {
console.log(a[l]);
}

  还有一种遍历方法就是使用forEach(),在后面会讲到

▓▓▓▓▓▓ 数组的空位

  当数组的两个逗号之间没有任何值,那么这个数组就有空位

  数组的空位是不会影响length属性,并且访问空位会返回undefined,使用delete删除数组元素,会返回空值

var myArray = [1,'2',,,];

console.log(myArray.length); //
console.log(myArray[3]); //undefined

  数组的某个位置是空位,与某个位置是undefined,是不一样的。如果是空位,使用数组的forEach方法、for...in结构、以及Object.keys方法进行遍历,空位都会被跳过

var a = [, , ,];

a.forEach(function (x, i) {
console.log(i + '. ' + x);
})
// 不产生任何输出 for (var i in a) {
console.log(i);
}
// 不产生任何输出 Object.keys(a)
// []

  如果某个位置是undefined,遍历的时候就不会被跳过。

▓▓▓▓▓▓ 数组方法

  我的这这篇博客详细的写了有关数组的方法,这里就不在重复http://www.cnblogs.com/qqandfqr/p/5558199.html

参考资料:

      阮一峰JavaScript标准参考教程(alpha)-语法-数组

      JavaScript语言精粹第六章

      JavaScript高级程序设计(第三版)第五章 Array类型

  

  

上一篇:echarts中地图提示"TypeError:i is undefined"


下一篇:WPF事件,路由事件