JavaScript之数组

JS数组是一种特殊类型的对象

• 在 JavaScript 中对数组使用 typeof 运算符会返回 "object"。
• 不过数组使用数字来访问其“元素”，而没有命名索引；
  因此，如果希望元素名为字符串（文本）则应该使用对象。
  如果希望元素名为数字则应该使用数组。

var person = ["Bill", "Gates", 62];
person[0]; //Bill

• JS数组中可以存放不同类型的变量，包括对象、函数、数组；

myArray[0] = Date.now;
myArray[1] = myFunction;
myArray[2] = myCars;

JS数组的属性与方法

• length 属性返回数组的长度（数组元素的数目）。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.length;                       // fruits 的长度是 4

• toString() 把数组转换为数组值（逗号分隔）的字符串。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.toString();   // Banana,Orange,Apple,Mango

• join() 方法也可将所有数组元素结合为一个字符串，类似 toString()，但是可以规定分隔符：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.join(" * ");    // Banana * Orange * Apple * Mango

• 向数组添加新元素的最佳方法是使用 push() 方法，并返回新数组的长度：：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x =  fruits.push("Kiwi");   //  x 的值是 5

• pop() 方法从数组中删除最后一个元素，返回“被弹出”的值：：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
var x = fruits.pop();      // x 的值是 "Mango"

• shift() 方法会删除首个数组元素，并把所有其他元素“位移”到更低的索引，返回首个数组元素。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.shift();             // 返回 "Banana"

• unshift() 方法向数组首位添加新元素，并返回新数组的长度。

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.unshift("Lemon");    // 返回 5

• JavaScript 数组属于对象，因此其中的元素就可以使用 JavaScript delete 运算符来删除，但使用 delete 会在数组留下未定义的空洞。：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
delete fruits[0];           // 把 fruits 中的首个元素改为 undefined

• 使用 splice() 能够在数组中不留“空洞”的情况下移除元素，同时可以设置后续参数以在指定位置删除指定数量元素后添加新元素，返回删除项：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(0, 1);        // 删除 fruits 中的第一个元素

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits.splice(2, 2, "Lemon", "Kiwi"); //数组元素变为Banana,Orange,Lemon,Kiwi 返回值为Apple,Mango

• 使用concat() 方法合并数组，不会改变现有数组，返回合并后的数组，可以使用任意数量的数组参数：

var arr1 = ["Cecilie", "Lone"];
var arr2 = ["Emil", "Tobias", "Linus"];
var arr3 = ["Robin", "Morgan"];
var myChildren = arr1.concat(arr2, arr3);   // 将arr1、arr2 与 arr3 连接在一起

• slice() 方法用数组的某个片段切出新数组，返回创建新数组，它不会从源数组中删除任何元素。可接受两个参数，比如 (1, 3)。
  该方法会从开始参数选取元素，直到结束参数（不包括）为止。如果结束参数被省略，则会切出数组的剩余部分。

var fruits = ["Banana", "Orange", "Lemon", "Apple", "Mango"];
var citrus = fruits.slice(1, 3); 

• 遍历数组的最安全方法是使用 "for" 循环，此外使用Array.foreach()可以对数组的每个元素调用相同函数：

var fruits, text;
fruits = ["Banana", "Orange", "Apple", "Mango"];

text = "<ul>";
fruits.forEach(myFunction);
text += "</ul>";

function myFunction(value) {
  text += "<li>" + value + "</li>";
}

• 没有必要使用 JavaScript 的内建数组构造器 new Array()，使用[]。

如何识别JS数组

• ECMAScript 5 定义了新方法 Array.isArray()：
  此方案的问题在于 ECMAScript 5 不支持老的浏览器。

Array.isArray(fruits);     // 返回 true

• 借助对象原型来编写识别函数：
  假如参数对象原型包含单词 "Array"，则下面的函数始终返回 true。

function isArray(x) {
    return x.constructor.toString().indexOf("Array") > -1;
}

• 假如对象由给定的构造器创建，则 instanceof 运算符返回 true：

var fruits = ["Banana", "Orange", "Apple", "Mango"];
fruits instanceof Array     // 返回 true