日期:2014-05-16  浏览次数:20310 次

JavaScript: The Good Parts 读书笔记(四)

四.数组与正则表达式


?

  • 数组:
    ??? 在一般的编程语言中,数组表示的是一段线性分配的内存
    . 它通过整数去计算偏移并访问其中的元素。在这种情况下,数组是很快的数据结构。 不幸的是, Javascript 并没有像数组这样的数据结构。反而, Javascript 提供了一种类似数组的对象 ,这些对象包含了一些拥有数组特征的方法。它把数组的下标转变成字符串用其作为属性 。它明显地比一个真正意义上的数组慢,但它可以更方便地使用。
    ??? 数组对象的属性访问方式与一般的对象一样,但其有一个可以用整数作为属性名的特性。数组也可以使用字面变量来表示。
    var empty = [];
    var numbers = ['one','two','three','four','five','six','seven','eight','nine','ten'];
    
    document.writeln(empty[1]); // undefined
    document.writeln(numbers[1]); // 'two'
    
    document.writeln(empty.length); //  0
    document.writeln(numbers.length); // 10
    ?
    ?现在看看数组对象与一般对象的区别:
    ???
    // 现在看看数组对象与一般对象的区别
    var numbers_obj = {
    	"0" : "one",
    	"1" : "two",
    	"2" : "three",
    	"3" : "four",
    	"4" : "five",
    	"5" : "six",
    	"6" : "seven",
    	"7" : "eight",
    	"8" : "nine",
    	"9" : "ten"
    };
    
    ?
    ???? 二者在某种程度上产生了相似的结果: 它们都包含有10个属性的对象,并且那些属性刚好有相同的名字和值。但是它们也有一些显著的不同。numbers 继承自Array.prototype. 而 numbers_obj 则继承自Object.prototype. 所以numbers 继承了大量有用的方法。同时 numbers也有一个诡异的length 属性。

    ??? 在大多数语言中,一个数组中的元素必须都是相同类型的。但Javascript允许数组包含任意类型的值:
    var misc = ['string', 98.6, true, false, null, undefined,
    				['nested','array'], {object:true} ,NaN ,Infinity];
    document.writeln(misc.length); // 10
    
    ?
    ??? 每个数组都有一个length 属性。和大多数其他语言不通。Javascript 数组的length是没有上限的。如果你用大于或等于当前length 的数字作为下标来保存一个元素,那么length 将 增大来容纳新元素,不会发生数组边界错误。(类似一个Collection). 数组对象允许直接设定length 的值。设置更大的length 无须向数组申请分配更多的空间. 而把length 设小将导致所有下标大于等于新length 的属性被删除:
    numbers.length = 3; // numbers['one','two','three']
    
    // 通过把下标指定为一个数组当前的length. 可以附加一个新的元素到该数组的尾部.
    numbers[numbers.length] = 'shi'; // numbers['one','two','three','shi']
    
    // 相同的功能可以使用push 方法来完成:
    numbers.push('wu'); // numbers['one','two','three','shi', 'wu']
    
    ?
    ??? 由于Javascript中的数组其实就是对象,而其中的元素既是对象的属性。所以可以使用delete运算符来从数组中移除元素:
    ??

    delete numbers[2]; // numbers['one','two', undefined ,'shi', 'wu']
    ?? 不幸的是,那样会在数组中留下一个空洞。这时可以使用splice 方法来将后续元素向前步进:
    ???

    numbers.splice(2,1); // numbers['one','two','shi', 'wu']
    ??? 注意区分 splice(衔接)与slice(分割). slice() 方法并不会修改数组,而是返回一个子数组. splice() 方法会直接对数组进行修改.

    ?? length 这个属性的值是这个数组的最大整数属性名加上1。但它不一定等于数组里的属性的个数(!!)?
    var myArray = [];
    document.writeln(myArray.length); // 0
    myArray[100000] = true;
    document.writeln(myArray.length); // 100001
    
    ?
    ??? []后缀下标运算符将它的表达式转换成一个字符串,如果该表达式有toString()方法,就使用该方法的值。这个字符串将被用作属性名。

    ??? 还是因为Javascript中的数组其实就是对象,所以For in 语句可以用来遍历一个数组中所有的属性.但 for in 语句无法保证属性的顺序。所以在需要保证顺序的情况下还是应该使用 for 循环.

    ??? 在Javascript 编程中,一个常见的错误是在须使用数组时却使用了对象。 而在需要使用对象时却使用了数组。为了避免混淆,一个区分规则为:当属性名是小而连续的整数时,你应该使用数组。否则,使用对象。
    ??? Javascript 本身对于数组和对象的区别还是很混乱的,typeof 运算符对数组进行操作时返回的是 'object' 在大多数情况下,这没有什么意义。
    // Javascript 在区别数组和对象上没有一个好的机制。此时可以通过定义一个 is_array 函数来解决:
    var is_array = function(value){
    	return value && typeof value === 'object' && value.constructor === Array;
    };
    
    document.writeln(is_array([]));
    document.writeln(is_array({}));
    
    ?? 上述判断在识别从不同的窗口(window)或帧(frame)里构造的数组时会失败。如果想要准确地检测那些外部的数组,我们不得不做更多的工作:
    var is_array_enhanced = function(value){
    return value && 
    		typeof value === 'object' &&
    		typeof value.length === 'number' &&
    		typeof value.splice === 'function' &&
    		// 判断属性是否为可枚举的(for in 循环可用),对于所有数组,将得到false.