Skip to content

Instantly share code, notes, and snippets.

Brian Redfern bredfern

Block or report user

Report or block bredfern

Hide content and notifications from this user.

Learn more about blocking users

Contact Support about this user’s behavior.

Learn more about reporting abuse

Report abuse
View GitHub Profile
View gist:a63e5e6e8564991d22b50124965f5614
While not every language uses the "reduce" keyword you find the concept of reduction in different languages that implement functional code features so in c# its called using the Aggregate keyword but the concept is similar.
So what is a reduction and how does it help us flatten multidimensional lists in general?
You basically get to call a function on every item in an array however you get some special tools to keep track of this array so you have an accumulator that is like a bag where all the values drop in after each array is iterated, you have a current value placeholder an index which tells you which item you're on in the array and you have the ability to set an initial value to send to the first callback call.
Here's an example of how reduce is used with a complex array to flatten it into a simple array:
function flattenDeep(arr1) {
return arr1.reduce((acc, val) => Array.isArray(val) ? acc.concat(flattenDeep(val)) : acc.concat(val), []);
}
View index.html
<body layout="column stretch-stretch">
<svg class='defs-only'>
<defs>
<g id="JB">
<path id="jb-profil"
stroke="#000" fill="#fff" stroke-miterlimit="10" d="M258.9,94.3c1,0.8,1.199,2.6,0.699,6.4
c-0.699,5.6-0.3,6.2,4.801,7.3c2.5,0.5,3.1,1.1,3.1,3c0,2.6,2,3.1,5.8,1.5c1.7-0.7,1.8-0.3,1.601,4.1c-0.301,6.2,0.6,8.8,3.399,10.2
c2.601,1.3,10.2,2.9,17.2,3.7c9,1.1,13.2,2.6,16.6,6.1l3.2,3.3l-2.6,1c-1.5,0.6-2.7,1.5-2.7,2c0,2.1,6.5,8.3,11,10.6
c5.2,2.6,6.3,3.7,7.8,8c0.5,1.6,2.2,6.1,3.601,10c7,18.8,6.199,35.9-1.9,44.5c-1.3,1.4-2.5,3.9-2.8,5.6c-0.7,4.4-2,6.6-6.9,10.9
@bredfern
bredfern / index.html
Created Oct 19, 2018
WaveSurfer.js - equalizer with volume slider
View index.html
<h1>WaveSurfer.js - equalizer with volume slider</h1>
<h4>
<a target="_blank" href="https://github.com/entonbiba/examples/blob/master/wavesurfer/equalizer-with-volume-slider">Example reference on github.com</a>
</h4>
<div id="waveform"></div>
<div class="container" style="text-align: center">
<button onclick="wavesurfer.playPause()">
@bredfern
bredfern / GStreamer-1.0 some strings.sh
Created Oct 25, 2017 — forked from strezh/GStreamer-1.0 some strings.sh
GStreamer-1.0 personal cheat sheet
View GStreamer-1.0 some strings.sh
#!/bin/bash
# play YUV444 FULL HD file
gst-launch-1.0 -v filesrc location=size_1920x1080.yuv ! \
videoparse width=1920 height=1080 framerate=25/1 format=GST_VIDEO_FORMAT_Y444 ! \
videoconvert ! \
autovideosink
# play YUV422 FULL HD file
gst-launch-1.0 -v filesrc location=size_1920x1080.yuv ! \
@bredfern
bredfern / jquery.scrollToTop.js
Created Jul 13, 2017 — forked from monkeymonk/jquery.scrollToTop.js
ES6 jQuery plugin definition
View jquery.scrollToTop.js
import $ from 'jquery';
import plugin from './plugin';
class ScrollToTop {
constructor(element, options) {
const $element = $(element);
$(window).scroll(function () {
if ($(this).scrollTop() > options.offset) {
$element.fadeIn();
@bredfern
bredfern / index.html
Created Jul 6, 2017
Simple clock using requestAnimationFrame
View index.html
<div id="clock"><span id="hours">00</span>:<span id="minutes">00</span>:<span id="seconds">00</span>.<span id="milliseconds">000</span></div>
@bredfern
bredfern / function_invocation.js
Created Apr 3, 2017 — forked from myshov/function_invocation.js
11 Ways to Invoke a Function
View function_invocation.js
console.log(1);
(_ => console.log(2))();
eval('console.log(3);');
console.log.call(null, 4);
console.log.apply(null, [5]);
new Function('console.log(6)')();
Reflect.apply(console.log, null, [7])
Reflect.construct(function(){console.log(8)}, []);
Function.prototype.apply.call(console.log, null, [9]);
Function.prototype.call.call(console.log, null, 10);
@bredfern
bredfern / index.js
Created Jan 30, 2017 — forked from Fedia/index.js
🌀 Eddy: Static Websites For The Rest of Us
View index.js
//- polyfills
'use strict';
(function (p) {
if (!p.matches) p.matches = p.webkitMatchesSelector || p.mozMatchesSelector || p.msMatchesSelector;
})(Element.prototype);
if (typeof window.CustomEvent !== 'function') {
window.CustomEvent = function (name, p) {
p = p || {};
You can’t perform that action at this time.