JavaScript数组 API 实现的几个常见操作
本文主要来讲数组API的一些操作，如简单实现扁平化n维数组、数组去重、求数组最大值、数组求和、排序、对象和数组的转化等。一、 扁平化嵌套数组/展平和阵列孔——flat()
[*]实现效果
[*]
var arr1 = ]; arr1.flat(); // var arr2 = ]]; arr2.flat(2); // //flat方法删除数组中的空槽： var arr3 = ; arr3.flat(); // 该flat()方法创建一个新数组，所有子数组元素以递归方式连接到指定的深度。depth深度级别指定嵌套数组结构应该展平的深度。默认为1。
2.方法解读：
该方法的实质是利用递归和数组合并方法 concat实现扁平。可以使用
[*]
Array.reduce()/Array.some()/Array.concat()
[*] 利用Array.reduce()和Array.concat()实现
[*]
const flat1 = function (arr) { return arr = arr.reduce((pre, cur) => Array.isArray(cur) ? pre.concat(flat1(cur)) : pre.concat(cur), []) } var arr3 = ]]; flat1(arr3); //
[*] 利用Array.some()和Array.concat()实现
[*]
const flat2 = function(arr){ while(arr.some(item=>Array.isArray(item))){ arr=[].concat(...arr); } return arr; } var arr3 = ]]; flat2(arr3); //
二、数组去重——set()
1.实现效果
[*]
Array.from(new Set()) // [...new Set()] // set是ES6新出来的一种一种定义不重复数组的数据类型。
Array.from是将类数组转化为数组。
...是扩展运算符，将set里面的值转化为字符串。
2.方法解读
[*]
function unique(arr) { var result =[]; for (var i = 0; i < arr.length; i++) { for (var j = i+1; j < arr.length; j++) { if (arr === arr) { j=++i; } } result.push(arr); } return result; } var arr3 = ; unique(arr3);//(5)
三、数组排序——sort()
1.实现效果
[*]
.sort(); .sort((a,b)=>b-a); 2.方法解读
冒泡排序
[*]
Array.prototype.bulesort = function () { let arr = this, len = arr.length; for (let outer = len; outer >= 2; outer--) { for (let inner = 0; inner <= outer - 1; inner++) { if (arr > arr) { , arr] = , arr]; } }}return arr; }.bulesort()//
四、最大值
1.实现效果
[*]
Math.max(...); //4Math.max.apply(this, ); //4.reduce((prev,cur)=>{return Math.max(prev, cur); },0);//4 2.方法解读
先排序，再取值。
五、求和
1.实现效果
[*]
.reduce((prev,cur)=>{return prev+cur; },0); //10 2.方法解读
[*]
function sum(arr){ if (arr.length==0){return 0;} else if (arr.length == 1){ return arr; }else{ return arr+sum(arr.slice(1)); } } sum();//10
六、合并
[*]
.concat(); [...,...]
七、判断是否有值
[*]
.indexOf(3);//1 .includes(4)//false .find((item) => { item === 3})//1 .findIndex((item) => item === 3)//1 .some(item=>{return item===3 })//true
八、类数组转化
[*]
Array.prototype.slice.call(arguments);Array.prototype.slice.apply(arguments);Array.from(arguments);[...arguments]
九、每一项设置值
[*]
//array.fill(value, start, end) .fill(true,false,true);//(3) .map(() => 0)//(3)
十、每一项是否满足/某一项是否满足
[*]
.every(item=>{return item>2}) //false .some(item =>{ return item > 2 })//true
十一、过滤数组
[*]
.filter(item => { return item > 2 })//(2)
十二、对象和数组转化
[*]
Object.keys({ name: '张三', age: 14 })//["name", "age"] Object.values({name: '张三', age: 14 })// ["张三", 14] Object.entries({ name: '张三', age:14 }) // (2) 0: (2)["name", "张三"]1: (2)["age", 14] END
推荐阅读 重磅！超详细的 JS 数组方法整理出来了
从一个数组中移除重复对象
比较JS合并数组的各种方法及其优劣
页:
[1]