News and graphics at @ClimateLab, a project of @PostGraphics.
Public
Edited
Apr 26, 2023
Importers
5 stars
uniqueWhile = (arr, fn) => {
let out = [],
i = -1,
n = arr.length;
while (++i < n){
const d = fn ? fn(arr[i], i, arr) : arr[i];
if (!out.includes(d)) out.push(d);
}
return out;
}
uniqueWhileTest = test(uniqueWhile)
uniqueFor = (arr, fn) => {
let out = [];
for (let i = 0, n = arr.length; i < n; i++){
const d = fn ? fn(arr[i], i, arr) : arr[i];
if (!out.includes(d)) out.push(d);
}
return out;
}
uniqueForTest = test(uniqueFor)
uniqueForOf = (arr, fn) => {
let out = [],
i = 0;
for (let value of arr){
const d = fn ? fn(value, i, arr) : value;
if (!out.includes(d)) out.push(d);
i++;
}
return out;
}
uniqueForOfTest = test(uniqueForOf)
uniqueSet = (arr, fn) => {
return [...new Set(fn ? arr.map(fn) : arr)];
}
uniqueSetTest = test(uniqueSet)
uniqueReduce = (arr, fn) => {
let i = 0;
return arr.reduce((a, d) => {
const dx = fn ? fn(d, i , arr) : d;
if (!a.includes(dx)) { a.push(dx); }
i++;
return a;
}, []);
}
uniqueReduceTest = test(uniqueReduce)
uniqueForEach = (arr, fn) => {
let out = [];
arr.forEach((d, i) => {
const dx = fn ? fn(d, i, arr) : d;
if (!out.includes(dx)) out.push(dx);
});
return out;
}
uniqueForEachTest = test(uniqueFor)
uniqueD3Union = (arr, fn) => Array.from(fn ? d3.union(arr.map(fn)) : d3.union(arr))
uniqueD3UnionTest = test(uniqueD3Union)
uniqueD3Groups = (arr, fn) => d3.groups(fn ? d3.groups(arr, fn) : d3.groups(arr, d => d)).map(d => d[0])
uniqueD3GroupsTest = test(uniqueD3Groups)
array = Array.from({length: 1e7}, (d, i) => i % 10).map(d => ({value: d}));
test = fn => {
let time = new Date().getTime();
const result = fn(array, d => d.value);
return {time: new Date().getTime() - time, result};
}
result = [
{
f: "while",
t: uniqueWhileTest.time
},
{
f: "for",
t: uniqueForTest.time
},
{
f: "for...of",
t: uniqueForOfTest.time
},
{
f: "Set",
t: uniqueSetTest.time
},
{
f: "Array.reduce",
t: uniqueReduceTest.time
},
{
f: "Array.forEach",
t: uniqueForEachTest.time
},
{
f: "d3.union",
t: uniqueD3UnionTest.time
},
{
f: "d3.groups",
t: uniqueD3GroupsTest.time
}
]
Purpose-built for displays of data
Observable is your go-to platform for exploring data and creating expressive data visualizations. Use reactive JavaScript notebooks for prototyping and a collaborative canvas for visual data exploration and dashboard creation.
