Estaba viendo este ejemplo de reduce() en https://putaindecode.io/articles/array-reduce-par-l-exemple/
var stats = [ { site: "google.fr", browser: "Chrome", value: "50%" }, { site: "google.fr", browser: "FireFox", value: "30%" }, { site: "google.fr", browser: "Internet Explorer", value: "20%" }, { site: "mozilla.fr", browser: "FireFox", value: "60%" }, { site: "mozilla.fr", browser: "Internet Explorer", value: "20%" }, { site: "microsoft.fr", browser: "Chrome", value: "10%" }, { site: "microsoft.fr", browser: "FireFox", value: "20%" }, ]; function compareSite(site, item) { return site === item.site; } function containSite(site, items) { return items.some(compareSite.bind(null, site)); } function groupBySite(memo, item) { var site = memo.filter(containSite.bind(null, item.site)); if (site.length > 0) { site[0].push(item); } else { memo.push([item]); } return memo; } // We use an empty array as accumulator var results = stats.reduce(groupBySite, []); console.log(results);y el resultado es:
[ [ { site: 'google.fr', browser: 'Chrome', value: '50%' }, { site: 'google.fr', browser: 'FireFox', value: '30%' }, { site: 'google.fr', browser: 'Internet Explorer', value: '20%' } ], { site: 'mozilla.fr', browser: 'FireFox', value: '60%' }, { site: 'mozilla.fr', browser: 'Internet Explorer', value: '20%' } ], [ { site: 'microsoft.fr', browser: 'Chrome', value: '10%' }, { site: 'microsoft.fr', browser: 'FireFox', value: '20%' } ] ]No entiendo algunas cosas:
¿Por qué en la función containerSite es necesaria ".bind(null, site)" ?
¿Por qué en la función groupBySite se usa ".bind(null, item.site)" y no el ".bind(null, site)" anterior?
El autor usó la sintaxis de bind para "rellenar previamente" el primer argumento de la función pasada, como se muestra a continuación.
function fn(a, b, c, d) { console.log({ a, b, c, d }); } fn.bind(null, 1, 2)('c', 'd') fn(1, 2, 'c', 'd');A la mayoría de las personas no les gustará que uses la primera sintaxis, porque la mayoría de las personas necesitarán buscar el uso exacto del enlace...
Por lo general, se usa bind para cambiar el valor de this dentro de la función pasada a bind.
Como sé, containSite y containSite2 son equivalentes
function compareSite(site, item) { return site === item.site; } function containSite(site, items) { return items.some(compareSite.bind(null, site)); } function containSite2(site, items) { return items.some((items) => compareSite(site, items)); } Por lo general, se usa bind para cambiar this puntero dentro de la función:
function fn() { console.log(this) }; let binded_fn = fn.bind("Hello, World!"); // bind this with string "Hello, World!" binded_fn(); // String {'Hello, World!'}