1.问题描述
写一个 function,传入两个或两个以上的数组,返回一个以给定的原始数组排序的不包含重复值的新数组。
换句话说,所有数组中的所有值都应该以原始顺序被包含在内,但是在最终的数组中不包含重复值。
非重复的数字应该以它们原始的顺序排序,但最终的数组不应该以数字顺序排序。
例如
unite([1, 3, 2], [5, 2, 1, 4], [2, 1]) 应该返回 [1, 3, 2, 5, 4]。
unite([1, 3, 2], [1, [5]], [2, [4]]) 应该返回 [1, 3, 2, [5], [4]]。
2.用到的方法
3.代码如下
function unite(arr1, arr2, arr3){
//使用arguments遍历所有数组,并且放入一个newArr中,这个时候newArr = [[arr1],[arr2],[arr3]]
var newArr = Array.from(arguments);
//使用reduce遍历新数组,根据reduce的参数,a来表示上一次调用返回的值,b来表示正在处理的元素
//然后把b都拼接到a当中,最后返回的 arr = [arr1,arr2,arr3],合成了一个大数组,方便我们使用函数。
var arr = newArr.reduce(function(a,b){
return a.concat(b);
});
//最后使用filter遍历arr,根据filter的参数,element代表当前元素,index代表当前元素的索引。
return arr.filter(function(element,index){
//核心函数:filter筛选出当前函数 ==它当前的索引,比如上面第一例中,当element指向第一个2时,
return arr.indexOf(element) == index;
});
/*index为2,这个indexOf的返回是正确的;
而当element指向第二个2时,index变成了4,而arr.indexOf(element)返回的值还是2(查找到第一个2的索引并返回),
所以这时候就把后面重复的数都筛选去掉了。
最后一步是关键点,而且也非常的巧妙。*/
}
unite([1, 3, 2], [5, 2, 1, 4], [2, 1]);