首页 > 代码库 > 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学习笔记-数组篇