首页 > 代码库 > JavaScript Good Parts学习笔记-数组篇
JavaScript Good Parts学习笔记-数组篇
数组是一段线性分配的内存。通过计算偏移来访问其中的元素。
不幸的是,JavaScript并没有像数组一样的数据结构
作为替代,JavaScript提供了类数组的对象,把数组下标改为字符串。
1 数组字面量(Array Literals)---继承自Array.prototype,所以继承了大量有用的方法,比如length属性
var empty = [];
var numbers = [
‘zero‘, ‘one‘, ‘two‘, ‘three‘, ‘four‘,
‘five‘, ‘six‘, ‘seven‘, ‘eight‘, ‘nine‘
];
empty[1] // undefined
numbers[1] // ‘one‘
empty.length // 0
numbers.length // 10
对象字面量---继承自Object.prototype
var numbers_object = {
‘0‘: ‘zero‘,
‘1‘: ‘one‘,
‘2‘: ‘two‘,
‘3‘: ‘three‘,
‘4‘: ‘four‘,
‘5‘: ‘five‘,
‘6‘: ‘six‘,
‘7‘: ‘seven‘,
‘8‘: ‘eight‘,
‘9‘: ‘nine‘
};
注:在大多数语言中,数组对象要求里面元素类型一致,但是JavaScript不是这样的。
2 长度(length)
和大多数语言不同,JavaScript的数组length是没有上界的,如果用大于当前length的下标存储,不会出错,
数组会被自动扩容。
3 删除(Delete)
因为JavaScript的数组就是对象,所以可以用delete运算符从数组中删除对象
delete numbers[2];
// numbers is [‘zero‘, ‘one‘, undefined, ‘shi‘, ‘go‘]
这样删除后,会在原来的位置留下个“空洞”
所以正确的删除应该是用splice方法 第一个参数是数组中序号,第二个参数是删除的个数
numbers.splice(2, 1);
// numbers is [‘zero‘, ‘one‘, ‘shi‘, ‘go‘]
注:对于大型数组来说,效率会不高。
4 枚举(Enumeration)
注意,for in 无法保证顺序,而且可能取得原型链上的属性,所以不推荐使用。
常规的for没有问题。代码如下
var i;
for (i = 0; i < myArray.length; i += 1) {
document.writeln(myArray[i]);
}
5 容易混淆的地方(Confusion)
常见的错误是数组和对象混用。
规则其实很简单,当属性名是小而连续的整数时,使用数组,否则就使用对象。
可以用下面的方法判断是否数组
var is_array = function (value) {
return Object.prototype.toString.apply(value) === ‘[object Array]‘;
};
6 方法(Methods)
JavaScript提供了一套数组可用的方法,是储存在Array.prototype中的函数
我们可以扩充他,比如增加一个对数组进行计算的方法
Array.prototype.reduce = function(f, value) {
var i;
for (i = 0; i < this.length; i += 1) {
value = http://www.mamicode.com/f(this[i], value);
}
return value;
};
使用这个方法的例子。
// Create an array of numbers.
var data = http://www.mamicode.com/[4, 8, 15, 16, 23, 42];
// Define two simple functions. One will add two
// numbers. The other will multiply two numbers.
var add = function(a, b) {
return a + b;
};
var mult = function(a, b) {
return a * b;
};
// Invoke the data‘s reduce method, passing in the
// add function.
var sum = data.reduce(add, 0); // sum is 108
// Invoke the reduce method again, this time passing
// in the multiply function.
var product = data.reduce(mult, 1);
// product is 7418880
7 指定初始值(Dimensions)
Array.dim = function (dimension, initial) {
var a = [], i;
for (i = 0; i < dimension; i += 1) {
a[i] = initial;
}
return a;
};
// Make an array containing 10 zeros.
var myArray = Array.dim(10, 0);
JavaScript Good Parts学习笔记-数组篇