Javascript中数组去重与拍平的方法示例

数组的判断

在说如何进行数组的去重和拍平之前，先说一下怎么判断数组，因为要进行数组的处理当然要先判断下传过来的数据是不是数组。

首先我们都知道js的数据类型只有5种，分别是Undefined、Null、Boolean、Number和String，数组只是一个对象，用typeof([])返回的结果知识一个Object的字符串，因此我们需要通过其他手段来判断它，这里就说两种方法。

第一种用instenceof方法

instanceof是ES5提供的一个方法，它可以用来判断实例是否是某个类的实例，例如:

[] instenceof Array//返回结果是true

这种方法的不好之处就是兼容性不好，对于一些低版本浏览器不支持ES5的就要懵逼了。

第二种方法是通过原型链的方式来判断

了解js的话都应该懂得js这个语言的特点就是原型链式的，所有的对象都继承自Object.prototype,而prototype上又有toString()方法，这个toString()方法是干什么用的呢？就是以字符串的形式返回当前对象的值。第一次看可能这句话可能不大明白，举个例吧：

var num = 123;num.toString(); //返回结果为"123"

有没有看明白一点？就是返回num这个对象值的字符串形式，也就是”123”。好了，这跟判断数组有什么关系？想一下所有的对象都继承自Object.prototype，数组也是啊，如果把一个数组送到Object.prototype里作为一个“值”，在调用toString()方法，那它应该显示出这个对象的名字才对啊，这就是判断的原理，代码如下：

Object.prototype.toString.call([]); //结果是"[object Array]"

像jQuery这样的脚本库的isArray()用的就是这个方法。

数组拍平

说完判直奔主题，先是数组拍平，什么是数组拍平呢？就是把[1,[2,[3,4],5]]铺成[1,2,3,4,5]。关于数组拍平我有两种思路，第二种比较奇葩，留点悬念吧哈哈。

第一种是常规思路

对数组进行遍历，如果数组里面套着数组就继续遍历里面的，直到把每个元素都遍历完，然后一边遍历一边塞入新的数组变量里，这样就完成拍平了，具体代码如下：

panelArr = function(arr){ var newArr = []; var isArray = function(obj) {  return Object.prototype.toString.call(obj) === '[object Array]'; }; var dealArr = function(arr){  for (var i = 0;i<arr.length;i++){   isArray(arr[i]) ? dealArr(arr[i]) : newArr.push(arr[i]);  } }; dealArr(arr); return newArr;};console.log(panelArr([1,[2,3]])); //[1,2,3]

当然这个方法也可以写在Array.prototype里，使用起来更方便。这个方法有个问题就是内存占用上，因为采用递归如果数据量大了会占用大量大量内存。