Sep 9, 2021 JavaScript
How to normalize the ratio of a number in a range in JavaScript

In this Article we will go through how to normalize the ratio of a number in a range only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const normalizeRatio = (value, min, max) => (value - min) / (max - min);

Sep 9, 2021 JavaScript
How to round a number to the nearest multiple of a given value in JavaScript

In this Article we will go through how to round a number to the nearest multiple of a given value only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const roundNearest = (value, nearest) => Math.round(value / nearest) * nearest;

Sep 9, 2021 JavaScript
How to calculate the angle of a line defined by two points in JavaScript

In this Article we will go through how to calculate the angle of a line defined by two points only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

// In radians
const radiansAngle = (p1, p2) => Math.atan2(p2.y - p1.y, p2.x - p1.x);

// In degrees
const degreesAngle = (p1, p2) => Math.atan2(p2.y - p1.y, p2.x - p1.x) * 180 / Math.PI;

Sep 9, 2021 JavaScript
How to calculate the distance between two points in JavaScript

In this Article we will go through how to calculate the distance between two points only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const distance = (p1, p2) => Math.sqrt(Math.pow(p2.x - p1.x, 2) + Math.pow(p2.y - p1.y, 2));

Sep 9, 2021 JavaScript
How to calculate the linear interpolation between two numbers in JavaScript

In this Article we will go through how to calculate the linear interpolation between two numbers only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const lerp = (a, b, amount) => (1 - amount) * a + amount * b;

Sep 9, 2021 JavaScript
How to calculate the midpoint between two points in JavaScript

In this Article we will go through how to calculate the midpoint between two points only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const midpoint = (p1, p2) => [(p1.x + p2.x) / 2, (p1.y + p2.y) / 2];

Sep 9, 2021 JavaScript
How to delay the evaluation of a function in JavaScript

In this Article we will go through how to delay the evaluation of a function only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

// returns a new version of `fn` that returns values as lazy evaluable
const thunkfy = fn => (...args) => () => fn(...args);

Sep 9, 2021 JavaScript
How to execute a function once in JavaScript

In this Article we will go through how to execute a function once only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const once = fn => ((ran = false) => () => ran ? fn : (ran = !ran, fn = fn()))();

Sep 9, 2021 JavaScript
How to flip the arguments of a function in JavaScript

In this Article we will go through how to flip the arguments of a function only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

// Reverse the order of arguments
const flip = fn => (...args) => fn(...args.reverse());

// For binary functions
const flip = fn => (b, a) => fn(a, b);

Sep 9, 2021 JavaScript
How to identity function in JavaScript

In this Article we will go through how to identity function only using single line of code in JavaScript. This is a one-line JavaScript code snippet that uses one of the most popular ES6 features => Arrow Function.

Let's define this short function:

const identity = x => x;