JavaScript-数组

JavaScript的数组
  
感谢：http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000
<script>
      //JavaScript的Array可以包含任意数据类型，并通过索引来访问每个元素。
      //获取Array的长度，直接直接访问length属性：
      var arr = [1, 2, 3.14, 'hello', null, true,'5.13'];
      alert(arr.length);//7
      //请注意，直接给Array的length赋一个新的值会导致Array的大小变化：
      arr.length = 10;
      //arr;变为[1, 2, ...5.13,undefined,undefined,undefined]
      arr.length = 3;
      //arr变为[1,2,3.14]
      //Array可以通过索引把对应的元素修改为新的值，因此，对Array的索引进行赋值会直接修改这个Array


      var arr = ['A', 'B', 'C'];
      arr[1]=2;
      arr;//arr现在变为['A',2,'C']
      //如果通过索引赋值时，索引超过了范围，同样会引起Array大小的变化：
      var arr = [1, 2, 3];
      arr[5] = 'x';
      arr;//arr变为[1,2,3,undefined,undefined,'x']
      //大多数其他编程语言不允许直接改变数组的大小，越界访问索引会报错。
       然而javascript的array却不会有任何错误，在编写代码时，不建议直接修改array的大小，访问索引时要确保索引不会越界。


      indexOf

      //与string类似，array也可以通过indexOf()来搜索一个指定的元素位置：
      var arr=[10,20,'30','xyz'];
      arr.indexOf(10);//元素10的索引为0
      arr.indexOf(20);//元素20的索引为1
      arr.indexOf(30);//元素30没有找到返回-1
      arr.indexOf('30');//元素'30'的元素是2
      //注意：数字30和字符串'30'不是同一个元素


      slice

      //slice()就是对应String的substring()版本，它截取Array的部分元素，然后返回一个新的Array:
      var arr = ['A', 'B', 'C', 'D', 'E'];
      arr.slice(0, 3);//从索引0开始截取，到索引3结束，但不包括索引3;['A','B','C']
      arr.slice(3);//从索引3开始截取到结束;['D','E'];
      //slice()的起止参数包括开始索引，但不包括结束索引。
      //如果不给slice传递任何参数，它将会从头到尾截取所有元素。所以利用这一点我们很容易复制一个Array；
      var arr = ['A', 'B', 'C', 'D', 'E'];
      var aCopy = arr.slice();
      aCopy;//['A', 'B', 'C', 'D', 'E']
      aCopy === arr;//false


      push和pop

      //push()向array的末尾添加若干元素,pop()则把array的最后一个元素删除掉：
      var arr=[1,2,3];
      arr.push('A', 'B');//返回array的新长度:5
      arr;//[1,2,3,'A','B']
      arr.pop();//pop()返回'B'
      arr;//[1,2,'A']
      arr.pop(); arr.pop(); arr.pop(); arr.pop()//连续pop 4次
      arr;//[]
      arr.pop();//空数组不会报错，而是返回undefined
      arr;//[]


      unshift和shift

      //如果要往array的头部添加若干元素,使用unshift()方法,shift方法则是把Array的第一个元素删掉；
      var arr = [1, 2];
      arr.unshift('A', 'B'); // 返回Array新的长度: 4
      arr; // ['A', 'B', 1, 2]
      arr.shift(); // 'A'
      arr; // ['B', 1, 2]
      arr.shift(); arr.shift(); arr.shift(); // 连续shift 3次
      arr; // []
      arr.shift(); // 空数组继续shift不会报错，而是返回undefined
      arr; // []


      sort

      //sort()可以对当前Array进行排序，它会直接修改当前Array的元素位置，直接调用时，按照默认顺序排序：

      var arr = ['B', 'C', 'A'];
      arr.sort();
      arr; // ['A', 'B', 'C']
      //能否按照我们自己指定的顺序排序呢？完全可以，我们将在后面的函数中讲到。


      reverse

      reverse()//把整个Array的元素反转：
      var arr = ['one', 'two', 'three'];
      arr.reverse(); 
      arr; // ['three', 'two', 'one']


      splice

      splice()//方法是修改Array的“万能方法”，它可以从指定的索引开始删除若干元素，然后再从该位置添加若干元素：

      var arr = ['Microsoft', 'Apple', 'Yahoo', 'AOL', 'Excite', 'Oracle'];
      // 从索引2开始删除3个元素,然后再添加两个元素:
      arr.splice(2, 3, 'Google', 'Facebook'); // 返回删除的元素 ['Yahoo', 'AOL', 'Excite']
      arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']
      // 只删除,不添加:
      arr.splice(2, 2); // ['Google', 'Facebook']
      arr; // ['Microsoft', 'Apple', 'Oracle']
      // 只添加,不删除:
      arr.splice(2, 0, 'Google', 'Facebook'); // 返回[],因为没有删除任何元素
      arr; // ['Microsoft', 'Apple', 'Google', 'Facebook', 'Oracle']


      concat

      concat()//方法把当前的Array和另一个Array连接起来，并返回一个新的Array：

      var arr = ['A', 'B', 'C'];
      var added = arr.concat([1, 2, 3]);
      added; // ['A', 'B', 'C', 1, 2, 3]
      arr; // ['A', 'B', 'C']
      //请注意，concat()方法并没有修改当前Array，而是返回了一个新的Array。

      //实际上，concat()方法可以接收任意个元素和Array，并且自动把Array拆开，然后全部添加到新的Array里：

      var arr = ['A', 'B', 'C'];
      arr.concat(1, 2, [3, 4]); // ['A', 'B', 'C', 1, 2, 3, 4]


      join

      join()//方法是一个非常实用的方法，它把当前Array的每个元素都用指定的字符串连接起来，然后返回连接后的字符串：

      var arr = ['A', 'B', 'C', 1, 2, 3];
      arr.join('-'); // 'A-B-C-1-2-3'
      //如果Array的元素不是字符串，将自动转换为字符串后再连接。

      多维数组

      //如果数组的某个元素又是一个Array，则可以形成多维数组，例如：

      var arr = [[1, 2, 3], [400, 500, 600], '-'];
      上述Array包含3个元素，其中头两个元素本身也是Array。


  </script>