Sep 9, 2021 JavaScript
How to convert 3 digits color to 6 digits color in JavaScript

In this Article we will go through how to convert 3 digits color to 6 digits color 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 toFullHexColor = color => `#${(color.startsWith('#') ? color.slice(1) : color).split('').map(c => `${c}${c}`).join('')}`;

Sep 9, 2021 JavaScript
How to convert celsius to fahrenheit in JavaScript

In this Article we will go through how to convert celsius to fahrenheit 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 celsiusToFahrenheit = celsius => celsius * 9/5 + 32;

Sep 9, 2021 JavaScript
How to convert cookie to object in JavaScript

In this Article we will go through how to convert cookie to object 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 cookies = document.cookie.split(';').map(item => item.split('=')).reduce((acc, [k, v]) => (acc[k.trim().replace('"', '')] = v) && acc, {});

Sep 9, 2021 JavaScript
How to convert fahrenheit to celsius in JavaScript

In this Article we will go through how to convert fahrenheit to celsius 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 fahrenheitToCelsius = fahrenheit => (fahrenheit - 32) * 5/9;

Sep 9, 2021 JavaScript
How to convert hex to rgb in JavaScript

In this Article we will go through how to convert hex to rgb 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 hexToRgb = hex => hex.replace(/^#?([a-f\d])([a-f\d])([a-f\d])$/i, (_, r, g, b) => `#${r}${r}${g}${g}${b}${b}`).substring(1).match(/.{2}/g).map(x => parseInt(x, 16));

Sep 9, 2021 JavaScript
How to check if a point is inside a rectangle in JavaScript

In this Article we will go through how to check if a point is inside a rectangle 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 isInside = (point, rect) => point.x > rect.left && point.x < rect.right && point.y > rect.top && point.y < rect.bottom;

Sep 9, 2021 JavaScript
How to check if a rectangle contains other one in JavaScript

In this Article we will go through how to check if a rectangle contains other one 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 true if `a` contains `b`
// (x1, y1) and (x2, y2) are top-left and bottom-right corners
const contains = (a, b) => (a.x1 <= b.x1 && a.y1 <= b.y1 && a.x2 >= b.x2 && a.y2 >= b.y2);

Sep 9, 2021 JavaScript
How to check if a rectangle overlaps other one in JavaScript

In this Article we will go through how to check if a rectangle overlaps other one 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 true if `a` overlaps `b`
// (x1, y1) and (x2, y2) are top-left and bottom-right corners
const overlaps = (a, b) => (a.x1 < b.x2 && b.x1 < a.x2) || (a.y1 < b.y2 && b.y1 < a.y2);

Sep 9, 2021 JavaScript
How to convert degrees to radians in JavaScript

In this Article we will go through how to convert degrees to radians 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 degsToRads = deg => deg * Math.PI / 180.0;

Sep 9, 2021 JavaScript
How to convert radians to degrees in JavaScript

In this Article we will go through how to convert radians to degrees 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 radsToDegs = rad => rad * 180 / Math.PI;