Functional programming is a style that treats computation as the evaluation ofmathematical functions and avoids changing-state and mutable data.
Arrow Functions (Fat Arrows)
ES6 Arrow Functions Cheatsheet Centering Element With Flexbox hi. Javascript html css vue console array object es6 string number code recipes. Devsocial-project/es6-7-8-9-10-Cheatsheet A complete, simple, easy to use cheat sheet for ES6 - ES10. Users starred: 4Users forked: 2Users watching: 4Updated at. ES6 Arrow Functions Cheatsheet # javascript # webdev # beginners # codenewbie Samantha Ming Feb 11, 2019 ・ Updated on Feb 13, 2019 ・3 min read.
Arrow functions create a concise expression that encapsulates a small piece of functionality. Additionally,arrows retain the scope of the caller inside the function eliminating the need of self = this.
Example
Read more at MDN Arrow_functions
Function Delegates
Function delegates encapsulate a method allowing functions to be composed or passed as data.
Example
Expressions Instead of Statements
Es6 Cheatsheet
Statements define an action and are executed for their side effect. Expressions produce a result without mutating state.
Statement (bad)
Expression (good)
Higher Order Functions
A function that accepts another function as a parameter, or returns another function.
Example
Currying
Currying allows a function with multiple arguments to be translated into a sequence of functions. Curried functions can be tailored to match the signature of another function.
Example
Array Manipulation Functions
Array Functions are the gateway to functional programming in JavaScript. These functions make short work of most imperative programming routines that work on arrays and collections.
[].every(fn)Checks if all elements in an array pass a test.
[].some(fn) | [].includes(fn)Checks if any of the elements in an array pass a test.
[].find(fn)Returns the value of the first element in the array that passes a test.
[].filter(fn)Creates an array filled with only the array elements that pass a test.
[].map(fn)Creates a new array with the results of a function applied to every element in the array.
[].reduce(fn(accumulator, currentValue))Executes a provided function for each value of the array (from left-to-right). Returns a single value, the accumulator.
[].sort(fn(a,b)) warning, mutates state!Modifies an array by sorting the items within an array. An optional compare function can be used to customize sortbehavior.
[...arr].sort()Use the spread operator to avoid mutation.
[].reverse() warning, mutates state!Reverses the order of the elements in an array. Use the spread operator to avoid mutation. [...arr].reverse()
Few useful librariries for Data Manipulation:
Method Chaining
Method chains allow a series of functions to operate in succession to reach a final result. Method chains allow function composition similar to a pipeline.
Example
Pipelines
A pipeline allows for easy function composition when performing multiple operations on a variable. Since JavaScript lacks a Pipeline operator, a design pattern can be used to accomplish the task.
Es6 Spread Immutable Cheatsheet
Example
Javascript Es6 Cheatsheet
Like us to show some Love:
Sequelize Es6 Cheatsheet
Oh my cheat sheet is the best place to find hints of most popular programming and Markup languages you know. We have cheat sheet for HTML, CSS, Javascript, jQuery, Ruby, Font Awesome and Material Design Icons. All the nut-bolts and lessons related to these languages are found here. It can also be considered as a quick reference card which can guide you to your goal of software development. You can also edit and try the source code to see for yourself. You can find demos of useful examples and references.