zoukankan      html  css  js  c++  java
  • 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 = f(this[i], value);
        }
        return value;
    };

    使用这个方法的例子。

    // Create an array of numbers.
    var data = [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);

  • 相关阅读:
    AngularJs 1.x和AngularJs2的区别
    AngularJS ui-router (嵌套路由)
    $scope.$apply
    AngularJS中的$watch(),$digest()和$apply()区分
    对比jQuery和AngularJS的不同思维模式
    angular.element 动态添加和删除元素
    [Leetcode] Integer to Roman
    [Leetcode] Longest Common Prefix
    [Leetcode] Plus One
    [Leetcode] Palindrome Number
  • 原文地址:https://www.cnblogs.com/sdfczyx/p/6400720.html
Copyright © 2011-2022 走看看