前端之数组的常见的22中方法
在工作中对数组数据操作是非常常见的一件事，本以为自己已经非常熟练，近期在做一个cboard项目中，遇见了不少坑，于是搜到了一篇总结关于数组操作的文章，觉得不错，转过来记录下。
// 1.length 返回数组的长度
var arr = [1, 2, 3, 4];
console.log(arr) // 4
// 2.push() 功能:向数组的末尾添加一个或更多元素(包括对象和数组)，并返回新的长度。
var arr = [1, 2, 3, 4];
var length = arr.push(5); // 5
console.log(arr); // [1,2,3,4,5]
// 3.pop() 功能: 删除并返回数组的最后一个元素
var arr = [1, 2, 3, 4];
var ele = arr.pop(); //4
console.log(arr); //[1,2,3]
// 4. unshift() 功能：向数组的开头添加一个或更多元素，并返回新的长度。
var arr = [1, 2, 3, 4];
var length = arr.unshift(5); // 5
console.log(arr); // [5,1,2,3,4]
// 5.shift()功能：删除并返回数组的第一个元素
var arr = [1, 2, 3, 4];
var ele = arr.shift(); //1
console.log(arr); // [2,3,4]
// 6.concat()功能: 连接两个或更多的数组(可以是元素)，并返回结果。
var arr = [1, 2, 3, 4];
var arr1 = [1, 2];
arr = arr.concat(arr1);
console.log(arr); //[1,2,3,4,1,2]
// 7.join() 功能：把数组的所有元素放入一个字符串。元素通过指定的分隔符进行分隔。默认是 ，分隔
var arr = [1, 2, 3, 4];
var str = arr.join('-');
console.log(str); //1-2-3-4 string
// 8.reverse()功能:颠倒数组中元素的顺序。
var arr = [1, 2, 3, 4];
var arr1 = arr.reverse();
console.log(arr1); //[4,3,2,1]
//9 slice() 功能:从某个已有的数组返回选定的元素, 赋值数组截取数组中的元素(不包含左后一个交标)
var arr = [1, 2, 3, 4];
var arr1 = arr.slice(1, 3); // [2,3]
console.log(arr1);
console.log(arr); // [1,2,3,4]
//10 splice() 功能: 1.添加 2.替换 3.删除 返回的是原操作的元素数组
// 9.1 添加
var arr = [1, 2, 3, 4];
var arr1 = arr.splice(2, 0, 5, 6); //[]
console.log(arr); // [1,2,5,6,3,4]
// 9.2 替换
var arr2 = arr.splice(1, 2, 7, 8); //[5,6]
console.log(arr); //[1,7,8,6,3,4]
// 9.3 删除
var arr3 = arr.splice(1, 2); //7,8
console.log(arr); // [1,6,3,4]
//11.toString() 任何对象都具有的方法 把数组转换为字符串描述，并返回结果。
var arr = [1, 2, 3, 4];
console.log(arr.toString()); //1,2,3,4
//12 valueof() 返回数组对象的原始值
var arr = [1, 2, 3, 4];
var arr1 = arr.valueOf(); //[1,2,3,4]
//13.forEach() 对数组的每一项运行给定的函数 该方法没有返回值
var arr = [1, 2, 3, 4];
arr.forEach(function (t) {
console.log(t + 1); //2,3,4,5 number
});
//14.sort() 按字母进行排序 ，支持指定的方法作为参数(底层实现用的是c++ 返回正负数分别调用的是插入排序和快排)
var arr = [3, 2, 1, 4];
var arr1 = arr.sort(function (a, b) {
return a - b
});
console.log(arr1); //[1.2.3.4]
//15. filter 对数组的每一项运行给定的函数，返回true的项组成的数组
var arr = [1, 2, 3, 4];
var boolArr = arr.filter(function (t) {
return t % 2 == 0
});
console.log(boolArr); //[2,4]
// 16. indexof() 返回第一个给定参数的索引，没有找到则返回false
var arr = ['da', 'xiao', 'liu', 'da'];
var index = arr.indexOf('da');
console.log(index); //0
// 17.lastIndexOf() 返回数组中搜索到元素最大的索引
var arr = ['da', 'xiao', 'liu', 'da'];
var index = arr.lastIndexOf('da');
console.log(index); //3
// 18.some() 给数组中的每一项给定特定的函数,如果任一项返回true,则返回true.
var arr = [1, 2, 3, 4];
var boolValue = arr.some(function (t) {
return t % 2 == 0
});
console.log(boolValue); //true
// 19.every() 对数组的每一项运行给定的函数，知道返回false 结束（即每一项都为true，才为true;)
var arr = [1, 2, 3, 4];
// var arr1 = arr.every(function (x) { x =0 });
var boolValue = arr.every(function (t) {
return t + 1 > 0;
});
console.log(boolValue); //true
// 20 map 对数组中的每一项给定特定的函数，返回每一项调用函数结果组成的数组
var arr = [1, 2, 3, 4];
var arr1 = arr.map(function (t) {
return t % 2
});
console.log(arr1); //[1,0,1,0]
// 21 reduce() 返回数累加的值 累加器
var arr = ['xiao', 'da', 'cc', 'bb'];
var sum = arr.reduce(function (a, b, index, arr) {
return a + b
})
console.log(sum); //[10]
// 22.reduceRight() 从数组的末尾向前将数组中的数组项做累加。
var arr = ['xiao', 'da', 'cc', 'bb'];
var sum = arr.reduceRight(function (a, b, index, arr) {
return a + b;
});
console.log(sum);
---------------------
作者：wo_liuxiangyu
原文：https://blog.csdn.net/wo_liuxiangyu/article/details/79044702
