JavaScript数组常用操作技巧汇总

本文实例汇总了JavaScript数组的常用操作技巧。分享给大家供大家参考。具体如下：

前言

相信大家都用惯了jquery或者underscore等这些类库中常用的数组相关的操作，如$.isArray，_.some，_.find等等方法。这里无非是对原生js的数组操作多了一些包装。
这里主要汇总一下JavaScript数组操作的常用API。相信对大家解决程序问题很有帮助。

一、性质
JavaScript中的数组是一种特殊的对象，用来表示偏移量的索引是该对象的属性，索引可能是整数。然而，这些数字索引在内部被转换为字符串类型，这是因为JavaScript对象中的属性名必须是字符串。

二、操作

1 判断数组类型
代码如下:var array0 = [];    // 字面量
var array1 = new Array();   // 构造器
// 注意：在IE6/7/8下是不支持Array.isArray方法的
alert(Array.isArray(array0));
// 考虑兼容性，可使用
alert(array1 instanceof Array);
// 或者
alert(Object.prototype.toString.call(array1) === '[object Array]');

2 数组与字符串

非常简单：由数组转换为字符串，使用join；由字符串转换为数组，使用split。
代码如下:// join - 由数组转换为字符串，使用join
console.log(['Hello', 'World'].join(','));    // Hello,World
// split - 由字符串转换为数组，使用split
console.log('Hello World'.split(' '));    // ["Hello", "World"]

3 查找元素

相信大家都常用字符串类型indexOf，却很少知道数组的indexOf同样可以用于查找元素。
代码如下:// indexOf - 查找元素
console.log(['abc', 'bcd', 'cde'].indexOf('bcd'));  // 1

//
var objInArray = [
    {
        name: 'king',
        pass: '123'
    },
    {
        name: 'king1',
        pass: '234'
    }
];

console.log(objInArray.indexOf({
    name: 'king',
    pass: '123'
}));    // -1

var elementOfArray = objInArray[0];
console.log(objInArray.indexOf(elementOfArray));    // 0

从以上可以看出，对于数组包含对象的这种数组，indexOf方法并非是经过深度比较来得到对应的查找结果，仅仅是比较对应元素的引用。

4 数组连接

使用concat，要注意，使用concat之后会生成一个新的数组。
代码如下:var array1 = [1, 2, 3];
var array2 = [4, 5, 6];
var array3 = array1.concat(array2); // 实现数组连接之后，会创建出新的数组
console.log(array3);
5 类列表操作

用于添加元素，可分别使用push和unshift，移除元素可分别使用pop和shift。