数组去重reduce()

最新推荐文章于 2022-11-25 20:17:40 发布

原创最新推荐文章于 2022-11-25 20:17:40 发布 · 784 阅读

2 ·

CC 4.0 BY-SA版权

es6 专栏收录该内容

2 篇文章

订阅专栏

本文深入解析了JavaScript中Array.from()和Array.reduce()方法的使用技巧。Array.from()用于将类数组或可迭代对象转换为数组，而Array.reduce()则用于数组的归约操作，如求和、最大值、去重等高级应用。

1:Array.from()

Array.from(arrayLike[, mapFn[, thisArg]])

arrayLike
想要转换成数组的伪数组对象或可迭代对象。
mapFn (可选参数)
如果指定了该参数，新数组中的每个元素会执行该回调函数。
thisArg (可选参数)
可选参数，执行回调函数 mapFn 时 this 对象。
返回的是新数组

例子

1:字符串

Array.from('foo'); // ["f", "o", "o"]

2：Set

let s = new Set(['foo', window]); 
Array.from(s); 
// ["foo", window]

2：Array.reduce()语法

arr.reduce(function(prev,cur,index,arr){
...
}, init);

arr 表示将要原数组；
prev 表示上一次调用回调时的返回值，或者初始值 init;
cur 表示当前正在处理的数组元素；
index 表示当前正在处理的数组元素的索引，若提供 init 值，则索引为0，否则索引为1；
init 表示初始值。

例子

原始数组：let newData1=[1,2,3,4,3,5,6,2];
let newData2=[
{key:1,name:“fangfang”,code:“AAAA”,achievements:80},
{key:2,name:“chenchen”,code:“BBBB”,achievements:90},
{key:3,name:“fangfang”,code:“CCCC”,achievements:86}]

1:数组求和

var sum1=newData1.reduce((prev,next)=>{return prev+next})
var sum2=newData2.reduce((prev,next)=>{return prev+next.achievements},0)

2:数组项的最大值

var  max=newData1.reduce((prev,next)=>{
	return Math.max(prev,next)
})
var  max=newData2.reduce((prev,next)=>{return Math.max(prev,next.achievements)},0)

3:数组去重

var newData = newData1.reduce((prev, next) {
    prev.indexOf(next) === -1 && prev.push(next);
    return prev;
},[]);
let obj={}
newData2 =newData2 .reduce（function（item，next）{
obj[next.key]?"":obj[next.key]=true&&item.push(next);
return item;
},[]）

4：数组拼接

var flattened = [[0, 1], [2, 3], [4, 5]].reduce(
  ( accumulator, currentValue ) => accumulator.concat(currentValue),
  []
);
// flattened is [0, 1, 2, 3, 4, 5]

5:数组中含有相同数量的某个值

var names = ['Alice', 'Bob', 'Tiff', 'Bruce', 'Alice'];

var countedNames = names.reduce(function (allNames, name) { 
  if (name in allNames) {
    allNames[name]++;
  }
  else {
    allNames[name] = 1;
  }
  return allNames;
}, {});
// { 'Alice': 2, 'Bob': 1, 'Tiff': 1, 'Bruce': 1 }