JavaScript语言精粹 笔记04 数组

数组
1 数组字面量
2 长度
3 删除
4 列举
5 混淆的地方
6 方法
7 维度

数组
1 数组字面量

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

数组字面量可以出现在任何表达式可以出现的地方。数组的第一个值将获得属性名‘0‘,第二个值将获得属性名‘1‘,以此类推。

对象字面量产生一个类似的结果:

var numbers_object = {
    ‘0‘: ‘zero‘,  ‘1‘: ‘one‘,   ‘2‘: ‘two‘,
    ‘3‘: ‘three‘, ‘4‘: ‘four‘,  ‘5‘: ‘five‘,
    ‘6‘: ‘six‘,   ‘7‘: ‘seven‘, ‘8‘: ‘eight‘,
    ‘9‘: ‘nine‘
};

但是它们也有一些显著的不同:

numbers继承自Array.prototype,而numbers_object继承自Object.prototype,所以numbers继承了大量有用的方法。

而numbers_object则没有

在大多数语言中,一个数组的所有元素都要求是相同的类型。JS则允许数组包含任意混合类型的值:

var misc = [
    ‘string‘, 98.6, true, false, null, undefined,
    [‘nested‘, ‘array‘], {object: true}, NaN,
    Infinity
];
misc.length    // 10

2 长度

每个数组都有一个length属性,但是JS的数组是没有上界的。如果用一个大于或等于当前length的数字作为下标来保存一个元素,那么length将增大来容纳新元素。不会发生数组边界错误。length属性的值是这个数组的最大整数属性加上1。它不一定等于数组里的属性的个数。

var myArray = [];
myArray.length             // 0

myArray[1000000] = true;
myArray.length             // 1000001
// myArray 只包含一个属性

[]后缀下标运算符将它的表达式转换成一个字符串,如果该表达式有ToString方法,就使用该方法的值,这个字符串将被用作属性名。如果这个字符串看起来像一个大于等于这个数组当前的length且小于4 294 967 295的整数,那么这个数组的length就会被重新设置为新的下标加1。

可以直接设置length的值。设置更大的length无需给数组分配更多的空间。而把length设下将导致所有下标大于等于新length的属性被删除。

var numbers = [
    ‘zero‘, ‘one‘, ‘two‘, ‘three‘, ‘four‘,
    ‘five‘, ‘six‘, ‘seven‘, ‘eight‘, ‘nine‘
];
numbers.length = 3;// numbers 变为 [‘zero‘, ‘one‘, ‘two‘]

通过把下标指定为一个数组当前length,可以附加一个新元素到该数组的尾部。

numbers[numbers.length] = ‘shi‘;
// numbers 变为 [‘zero‘, ‘one‘, ‘two‘, ‘shi‘]

有时用push方法可以更方便地完成同样的事情:

numbers.push(‘go‘);
// numbers 变为 [‘zero‘, ‘one‘, ‘two‘, ‘shi‘, ‘go‘]

3 删除

由于JS的数组其实就是对象,所以delete运算符可以用来从数组中移除元素:

delete numbers[2];
// numbers 变为 [‘zero‘, ‘one‘, undefined, ‘shi‘, ‘go‘]

这样会在数组中遗留一个空洞。这是因为排在被删除元素之后的元素保留了它们最初的名字(下标)。而通常我们想要的是递减后面每个元素的名字(下标)。

JS数组有个splice方法,它可以删除元素,并将它们替换为其他的元素。第一个参数是数组中的序号,第二个参数是要删除元素个数。任何额外的参数会在序号那个点的位置被插入到数组中。

numbers.splice(2, 1);
// numbers 变为 [‘zero‘, ‘one‘, ‘shi‘, ‘go‘]

值为‘shi‘的属性的键值从‘3‘变到‘2‘。被删除属性后面的每个属性必须被移除,并且以一个新的键值重新插入,这对于大型数组来说可能效率不高。

4 列举

for语句遍历

var i;
for(i=0;i<numbers.length;i++){
    console.log(numbers[i]);
}

5 混淆的地方

JS中,一个常见的错误是在必须使用数组时使用了对象,或者在必须使用对象时使用了数组。其实规则很简单:当属性名是小而连续的整数时,应该使用数组。否则就使用对象。

JS本身对数组和对象的区别是混乱的。typeof运算符报告数组的类型是‘object‘,这没有什么意义。只能自定义is_array函数来判断:

var is_array = function (value) {
    return value && typeof value === ‘object‘ && value.constructor === Array;
};

但是,它不能识别从不同窗口(widow)或帧(frame)里构造的数组。如果想要检查哪些外部的数组需要更多的工作:

var is_array = function (value) {
    return value &&
    typeof value === ‘object‘ &&
    typeof value.length === ‘number‘ &&
    typeof value.splice === ‘function‘ &&//是否有splice方法
    !(value.propertyIsEnumerable(‘length‘));//length是否能通过for in 遍历出来
};

6 方法

JS提供了一套作用于数组的方法,这些方法是被存储在Array.prototype中的函数。Array.prototype是可以被扩充的。

举个例子:定义一个reduce方法,它接受一个函数和一个初始值作为参数。

Array.prototype.reduce=function (f, value) {
    var i;
    for (i = 0; i < this.length; i += 1) {
        value = f(this[i], value);
    }
    return value;
};

调用方法:

// 创建一个数组
var data = [4, 8, 15, 16, 23, 42];

// 定义一个求两数和的函数
var add = function (a, b) {
    return a + b;
};

// 定义一个求两数积的函数var mult = function (a, b) {
    return a * b;
};

var sum = data.reduce(add, 0);    // sum 是 108

var product = data.reduce(mult, 1);    // product 是 7418880

因为数组就是对象,所以我们可以直接给一个单独的数组添加方法:

//给数组添加一个total方法
data.total = function (  ) {
    return this.reduce(add, 0);
};

var total = data.total(  );    // total 是 108

7 维度

JS没有多为数组,但是它支持元素为数组的数组:

var matrix = [
    [0, 1, 2],
    [3, 4, 5],
    [6, 7, 8]
];
matrix[2][1]    // 7

创建一个有初始化的矩阵:

Array.matrix = function (m, n, initial) {
    var a, i, j, mat = [];
    for (i = 0; i < m; i += 1) {
        a = [];
        for (j = 0; j < n; j += 1) {
            a[j] = initial;
        }
        mat[i] = a;
    }
    return mat;
};

// 创建一个用0填充的 4 * 4 矩阵

var myMatrix = Array.matrix(4, 4, 0);

document.writeln(myMatrix[3][3]);    // 0

// 用来构造一个恒等矩阵的方法
Array.identity = function (n) {
    var i, mat = Array.matrix(n, n, 0);
    for (i = 0; i < n; i += 1) {
        mat[i][i] = 1;
    }
    return mat;
};

myMatrix = Array.identity(4);

document.writeln(myMatrix[3][3]);    // 1

参考:《JavaScript语言精粹》Douglas Crockford著    赵泽欣 鄢学鹍 译

转载请注明出处:

作者:JesseLZJ
出处:http://jesselzj.cnblogs.com

时间: 09-06

JavaScript语言精粹 笔记04 数组的相关文章

javascript语言精粹----笔记【转载】

javascript语言精粹----笔记 1.6种值会为假(==false),分别是false,null,undefined,' ',0,NaN 2.typeof有6种值,分别是'number','string','boolean','undefined','function','object';其中typeof(null),结果是'object' 3.number类型总是64位浮点数,两个整数相除也可能出现非整数结果 4.如果第一个运算数的值为假,那么运算符&&产生它的第一个运算数的值.

JavaScript语言精粹笔记

JavaScript语言精粹笔记 掌握语言的每个特性可以让你出风头,但是并不推荐,因为一部分的特性带来的麻烦可能远超本身的价值.正如书中所言,坏的材料并不能雕刻出好的作品,要成为一名更好的程序员,要取其精华去其糟粕.当你知道要做什么的时候,它还能表现的更好,编程时一件相对困难的事情,绝不应该在懵懂的状态下开始编程之旅. JS中的注意为//或者/*content*/,注释一定要精确地描述代码,不然没有用的注释比没有注释更糟糕. JS中的代码块不会创建新的作用域,因此变量应该被定义在函数的头部,而不

JavaScript语言精粹 笔记01

内容比较简单,只是从头梳理一下JS的知识 语法空白标识符数字字符串语句 对象对象字面量检索更新引用原型反射枚举删除减少全局变量污染  语法 1 空白 空白可能表现为格式化字符或注释的形式.空白通常没有意义,但是偶尔必须用它来分割字符序列,否则它们就会被合并成一个单一的符号.例如: var that = this; var 和that之间的空格是不能去掉的,其他的空格都可以被移除. JS提供两种注释: /* */ // 建议使用//,因为/* */中要注释的内容可能包括字符 */ 而报错,例如:

JavaScript语言精粹 笔记03

继承伪类对象说明符原型函数化部件 继承 JS不是基于类的,而是基于原型的,这意味着对象直接从其他对象继承. 1 伪类 JS提供了一套丰富的代码重用模式,它可以模拟那些基于类的模式,因为JS实际上没有类,所以把模拟的类称为伪类.我们可以定义一个构造器并扩充它的原型: var Mammal = function (name) { this.name = name; }; Mammal.prototype.get_name = function ( ) { return this.name; }; M

JavaScript语言精粹 笔记02

函数函数对象函数字面量调用参数返回异常给类型增加方法递归作用域闭包回调模块级联套用记忆   函数 1 函数对象 在JS中函数就是对象.对象是“名/值”对的集合并拥有一个连接到原型对象的隐藏连接.对象字面量产生的对象连接到Object.prototype.函数对象连接到Function.prototype(该原型本身连接到Object.prototype).每个函数在创建时附有两个附加的隐藏属性:函数上下文和实现函数行为的代码. 因为函数是对象,所以它可以像任何其他的值一样被使用.函数可以存放在变

javascript 语言精粹 笔记推荐。。

http://www.cnblogs.com/Cohlint/archive/2012/11/26/2788790.html 这篇javascript 语言精粹 学习笔记不错..不过看上去就是读书笔记,没有深入研究某个点..比如闭包..我还是不懂噢.. 比如17条:“add_the_handles 函数目的是给每个时间处理器一个唯一值(i).它未能达到目的是因为事件处理器函数绑定了变量i,而不是函数在构造时的变量i的值.” 这是原书的翻译过来的理解,但是感觉还是很艰涩,不太理解. 闭包这个变量作

JavaScript语言精粹 笔记06 方法

JS包含了少量可用在标准类型上的标准方法. ArrayFunctionNumberObjectRegExpString Array array.concat(item...) concat方法返回一个新数组,它包含array的浅复制并将1个或多个参数item附加在其后.如果参数item是一个数组,那么他的每个元素会被本别添加. var a = ['a', 'b', 'c']; var b = ['x', 'y', 'z']; var c = a.concat(b, true); // c 是 [

JavaScript语言精粹 笔记05 正则表达式

正则表达式 正则表达式以方法的形式被用于对字符串中的信息进行查找.替换画图提取操作.可处理正则表达式的方法有:regexp.exec, regexp.test,string.match, string.replace, string.search, 和string.split. 结构 有两个方法来创建一个RegExp对象.优先方法是使用正则表达式字面量.正则表达式被包围在一对斜杠中.有3个标志能在RegExp中设置,分别为g.i.m. // 构造一个匹配JavaScript字符串的正则表达式对象

JavaScript语言精粹读书笔记- JavaScript对象

JavaScript 对象 除了数字.字符串.布尔值.null.undefined(都不可变)这5种简单类型,其他都是对象. JavaScript中的对象是可变的键控集合(keyed collections). 对象是属性的容器,其中每个属性都拥有名字和值. JavaScript中的对象是无类别的(class-free)的.它对新属性的名字和值没有约束. JavaScript包括一个原型链特性,允许对象继承另一对象的属性. 对象的检索: stooge[“first-name”]或者stooge.