DDR爱好者之家

Javascript中数组去重与拍平的方法示例
站长资源 2024/11/28 佚名
6 1538
DDR爱好者之家 Design By 杰米

数组的判断

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

首先我们都知道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]) "") ,因为如果这样分割的话，13是1和3还是13？不好区分，代码如下：





var arr = [1,2,[33,43],20,19];
arr.join(".").replace(/,/g,".").split("."); //["1", "2", "33", "43", "20", "19"]





注意：这个方法会转换数据类型成字符串。


数组去重


下面是数组去重，举例来说就是[1,2,3,3,4,5,5,5,6]变成[1,2,3,4,5,6]。这个实现的核心就是去重这里，如果能够快速判断元素是否重复就是关键。


还是两种思路


第一种遍历的思路


就是准备一个新的数组变量，塞入前每次对这个变量进行遍历看看是否有重复的，如果没有就塞入，最后生成的新数组就是去重后的数组了。示例代码如下:





function uniqueArr(arr){
 var newArr = [];
 newArr.push(arr[0]);
 for(var i = 1; i<arr.length;i++){
 var repeat = false;
 for(var j = 0;j<newArr.length;j++){
 if(arr[i] == newArr[j]){
 repeat = true;
 }
 }
 if(!repeat){
 newArr.push(arr[i]);
 }
 }
 return newArr;
}





第二种使用哈希判断


上面那个时间复杂度为O(n^2)的方法并不是什么好方法，它的瓶颈就是判断是否重复这里，所以我们换成一个更高效的检索是否重复的方法，这个方法就是哈希，为什么哈希检索最快？翻翻数据结构吧，这里就不在赘述了。


这个方法的思路就是在原始数组和去重数组之间加入一个哈希过滤，总的来看就是原数组数据交给哈希，看是否有重复，若是没有则添加进去。具体代码如下：





function uniqueArr(arr){
 var newArr = [],
 hashFilter = {};
 for(var i = 0;i<arr.length;i++){
 if(!hashFilter[arr[i]]){
 //若不存在将此属性对应的值改为true,并塞入去重数组中
 hashFilter[arr[i]] = true;
 newArr.push(arr[i]);
 }
 }
 return newArr;
}





我青睐第二种，因为在判断是否重复这里真的很快，可以说是秒出。


总结


以上就是这篇文章的全部内容了，希望本文的内容对大家的学习或者工作能带来一定的帮助，如果有疑问大家可以留言交流。
DDR爱好者之家 Design By 杰米
广告合作：本站广告合作请联系QQ：858582 申请时备注：广告合作（否则不回）
免责声明：本站资源来自互联网收集,仅供用于学习和交流,请遵循相关法律法规,本站一切资源不代表本站立场,如有侵权、后门、不妥请联系本站删除！
DDR爱好者之家 Design By 杰米
ddrfans.com DDR爱好者之家
8,675无损音乐
1,324高清电影
213破解软件
70,141收录资讯

P70系列延期，华为新旗舰将在下月发布

3月20日消息，近期博主@数码闲聊站 透露，原定三月份发布的华为新旗舰P70系列延期发布，预计4月份上市。

而博主@定焦数码 爆料，华为的P70系列在定位上已经超过了Mate60，成为了重要的旗舰系列之一。它肩负着重返影像领域顶尖的使命。那么这次P70会带来哪些令人惊艳的创新呢？

根据目前爆料的消息来看，华为P70系列将推出三个版本，其中P70和P70 Pro采用了三角形的摄像头模组设计，而P70 Art则采用了与上一代P60 Art相似的不规则形状设计。这样的外观是否好看见仁见智，但辨识度绝对拉满。

更新日志

友情链接

杰晶网络 DDR爱好者之家 南强小屋 黑松山资源网 白云城资源网
DDR爱好者之家 Design By 杰米