//向数组中添加值
var arr=new Array(1,2,3,4,5);
var len=arr.push(7,9);
console.log(len,arr);//array.push() 在数组末尾添加值， 返回添加后的数组长度
var arr=new Array(1,2,3,4,5);
var len=arr.unshift(7,9);
console.log(len,arr);//array.unshift() 在数组开头添加值 ，返回添加后的数组长度 ，与array.push()相反
//删除数组中的值
var arr=new Array(1,2,3,4,5);
var val=arr.pop();
console.log(val,arr);//删除数组中末尾的值 返回删除的值
var arr=new Array(1,2,3,4,5);
var val=arr.shift();
console.log(val,arr);//删除数组中开头的值 返回删除的值 与pop()相反
//数组转换字符串
var arr=new Array(1,2,3,4,5);
var str=arr.join('-');//间隔的字符串，默认为“，”
console.log(str);//1-2-3-4-5
//数组排序
var arr=new Array(1,2,3,4,5);
arr.reverse();//反转排序
console.log(arr)// [5, 4, 3, 2, 1]
var arr=new Array(1,2,3,4,5,59,6);
arr.sort();
console.log(arr);//输出 [1, 2, 3, 4, 5, 59, 6] 注意：sort()默认是转换字符串再排序 所以按照数字大小排序不正确
//正确方法 写比较函数
arr.sort(function(a,b){return a-b}); //升序
console.log(arr);//输出 [1, 2, 3, 4, 5, 6, 59]
arr.sort(function(a,b){return b-a});//降序
console.log(arr);//输出[59, 6, 5, 4, 3, 2, 1]
//连接数组
var arr1=[1,2,3];
var arr2=[4,5,6];
var arr3=[7,8,9];
var arr=arr1.concat(arr2,arr3,[10,11]);
console.log(arr);//输出 [1, 2, 3, 4, 5, 6, 7, 8, 9, 10, 11]
//已有数组中返回选定元素
var arr=new Array(1,2,3,4,5);
var arr2=arr.slice(2);
//第一个参数 start 开始选取的index 下标值 2为第三个值（0,1,2） 数字3开始 end 为可选 默认为到数组的末尾
console.log(arr2);//输出 [3, 4, 5]
//注意 end 参数为 该参数是数组片断结束处的数组下标 4 为 数字5的下标 截取5之前，也可以理成截取到end-1
var arr2=arr.slice(2,4);
console.log(arr2);//输出 [3, 4] 不是[3,4,5]
//截取开始为负数
var arr2=arr.slice(-2,4);
//如果是负数，那么它规定从数组尾部开始算起的位置。也就是说，-1 指最后一个元素，-2 指倒数第二个元素，以此类推。
// 也可以转换成 数组长度（5）加 负数的值 （-2） 相当于arr.slice(3,4);
console.log(arr2);//输出 [4]
//splice()实现 删除 插入 替换数组
//删除
var arr=new Array(1,2,3,4,5);
var arr2=arr.splice(1,2);//删除开始下标为1的值（2）开始的2个值 （2和3） 返回删除的值
console.log(arr,arr2);//输出 [1, 4, 5] [2, 3]
//插入
var arr=new Array(1,2,3,4,5);
var arr2=arr.splice(1,0,11,111);//在下标为1的值（2）之前插入值 ，参数第二个为0不删除，插入11,111
console.log(arr,arr2);// [1, 11, 111, 2, 3, 4, 5] [] arr2返回为空数组 因为不删除
//替换
var arr=new Array(1,2,3,4,5);
var arr2=arr.splice(1,2,11,111);//在下标为1的值（2）之前替换值 ，参数第二个为2删除2个值，再插入11,111
console.log(arr,arr2);// [1, 11, 111, 4, 5] [2, 3] //也就是 先删除再添加
//查找值所在的下标
var arr=new Array(1,2,3,4,5,6,7,3);
var index=arr.indexOf(3);
console.log(index);//返回2 检测第一个3出现的位置
var index=arr.indexOf(3,4); //第二个参数 开始下标的值
console.log(index);//返回7 检测第下标为4开始(数字5开始) 第一个3出现的位置
var index=arr.indexOf(10);
console.log(index);//返回-1 为查找到 返回-1
//末尾就开始查找lastIndexOf()
var index=arr.lastIndexOf(3);
console.log(index);//返回7
//indexof() lastIndexOf() 低版本浏览器不兼容
//数组对象去重
var arr = []
var peoples = [ {id:1,name:'wang'}, {id:2,name:'zhang'}, {id:2,name:'zhang'},]
for(let val of peoples){
arr.push(val.id)
}
var newArr = [];var newArr2 = [];
for(var i =0;i<arr.length-1;i++){
if(newArr.indexOf(arr[i]) == -1){
newArr.push(arr[i]);
newArr2.push(peoples[i]);
}}
peoples = newArr2;// [{id:1,name:'wang'},{id:2,name:'zhang'},]
双层循环，外层循环元素，内层循环时比较值
如果有相同的值则跳过，不相同则push进数组
Array.prototype.distinct =
function
(){
var
arr =
this
,
result = [],
i,
j,
len = arr.length;
for
(i = 0; i < len; i++){
for
(j = i + 1; j < len; j++){
if
(arr[i] === arr[j]){
j = ++i;
}
}
result.push(arr[i]);
}
return
result;
}
var
arra = [1,2,3,4,4,1,1,2,1,1,1];
arra.distinct();
//返回[3,4,2,1]
方法二：利用splice直接在原数组进行操作
双层循环，外层循环元素，内层循环时比较值
值相同时，则删去这个值
注意点:删除元素之后，需要将数组的长度也减1.
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
|
Array.prototype.distinct =
function
(){
var
arr =
this
,
i,
j,
len = arr.length;
for
(i = 0; i < len; i++){
for
(j = i + 1; j < len; j++){
if
(arr[i] == arr[j]){
arr.splice(j,1);
len--;
j--;
}
}
}
return
arr;
};
var
a = [1,2,3,4,5,6,5,3,2,4,56,4,1,2,1,1,1,1,1,1,];
var
b = a.distinct();
console.log(b.toString());
//1,2,3,4,5,6,56
|
优点：简单易懂
缺点：占用内存高，速度慢
方法三：利用对象的属性不能相同的特点进行去重
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
|
Array.prototype.distinct =
function
(){
var
arr =
this
,
i,
obj = {},
result = [],
len = arr.length;
for
(i = 0; i< arr.length; i++){
if
(!obj[arr[i]]){
//如果能查找到，证明数组元素重复了
obj[arr[i]] = 1;
result.push(arr[i]);
}
}
return
result;
};
var
a = [1,2,3,4,5,6,5,3,2,4,56,4,1,2,1,1,1,1,1,1,];
var
b = a.distinct();
console.log(b.toString());
//1,2,3,4,5,6,56
|
方法四：数组递归去重
运用递归的思想
先排序，然后从最后开始比较，遇到相同，则删除
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
|
Array.prototype.distinct =
function
(){
var
arr =
this
,
len = arr.length;
arr.sort(
function
(a,b){
//对数组进行排序才能方便比较
return
a - b;
})
function
loop(index){
if
(index >= 1){
if
(arr[index] === arr[index-1]){
arr.splice(index,1);
}
loop(index - 1);
//递归loop函数进行去重
}
}
loop(len-1);
return
arr;
};
var
a = [1,2,3,4,5,6,5,3,2,4,56,4,1,2,1,1,1,1,1,1,56,45,56];
var
b = a.distinct();
console.log(b.toString());
//1,2,3,4,5,6,45,56
|
方法五：利用indexOf以及forEach
|
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
|
Array.prototype.distinct =
function
(){
var
arr =
this
,
result = [],
len = arr.length;
arr.forEach(
function
(v, i ,arr){
//这里利用map，filter方法也可以实现
var
bool = arr.indexOf(v,i+1);
//从传入参数的下一个索引值开始寻找是否存在重复
if
(bool === -1){
result.push(v);
}
})
return
result;
};
var
a = [1,1,1,1,1,1,1,1,1,2,2,2,2,2,2,3,3,3,3,3,3,3,2,3,3,2,2,1,23,1,23,2,3,2,3,2,3];
var
b = a.distinct();
console.log(b.toString());
//1,23,2,3
|
方法六：利用ES6的set
Set数据结构，它类似于数组，其成员的值都是唯一的。
利用Array.from将Set结构转换成数组
|
1
2
3
4
|
function
dedupe(array){
return
Array.from(
new
Set(array));
}
dedupe([1,1,2,3])
//[1,2,3]
|
拓展运算符(...)内部使用for...of循环
|
1
2
3
|
let arr = [1,2,3,3];
let resultarr = [...
new
Set(arr)];
console.log(resultarr);
//[1,2,3]
|
下面给大家补充介绍合并数组并去重的方法
一、concat()方法
思路：concat() 方法将传入的数组或非数组值与原数组合并,组成一个新的数组并返回。该方法会产生一个新的数组。
|
1
2
3
4
5
|
function
concatArr(arr1, arr2){
var
arr = arr1.concat(arr2);
arr = unique1(arr);
//再引用上面的任意一个去重方法
return
arr;
}
|
二、Array.prototype.push.apply()
思路：该方法优点是不会产生一个新的数组。
|
1
2
3
4
5
6
7
8
9
10
|
var
a = [1, 2, 3];
var
b = [4, 5, 6];
Array.prototype.push.apply(a, b);
//a=[1,2,3,4,5,6]
//等效于:a.push.apply(a, b);
//也等效于[].push.apply(a, b);
function
concatArray(arr1,arr2){
Array.prototype.push.apply(arr1, arr2);
arr1 = unique1(arr1);
return
arr1;
}
|