Sep 9, 2021 JavaScript
How to check if the code is running in the browser in JavaScript

In this Article we will go through how to check if the code is running in the browser only using single line of code in JavaScript.

Let's define this short function:

const isBrowser = typeof window === 'object' && typeof document === 'object';

Sep 9, 2021 JavaScript
How to detect dark mode in JavaScript

In this Article we will go through how to detect dark mode only using single line of code in JavaScript.

Let's define this short function:

const isDarkMode = window.matchMedia && window.matchMedia('(prefers-color-scheme: dark)').matches;

Sep 9, 2021 JavaScript
How to create an empty map that does not have properties in JavaScript

In this Article we will go through how to create an empty map that does not have properties only using single line of code in JavaScript.

Let's define this short function:

The following map has __proto__ property

Sep 9, 2021 JavaScript
How to cast a value as an array in JavaScript

In this Article we will go through how to cast a value as an array 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 castArray = value => Array.isArray(value) ? value : [value];

Sep 9, 2021 JavaScript
How to convert an array of objects to a single object in JavaScript

In this Article we will go through how to convert an array of objects to a single 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 toObject = (arr, key) => arr.reduce((a, b) => ({ ...a, [b[key]]: b }), {});

Sep 9, 2021 JavaScript
How to convert an array of strings to numbers in JavaScript

In this Article we will go through how to convert an array of strings to 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 toNumbers = arr => arr.map(Number);

Sep 9, 2021 JavaScript
How to count the occurrences of a value in an array in JavaScript

In this Article we will go through how to count the occurrences of a value in an array 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 countOccurrences = (arr, val) => arr.reduce((a, v) => (v === val ? a + 1 : a), 0);

Sep 9, 2021 JavaScript
How to count by the properties of an array of objects in JavaScript

In this Article we will go through how to count by the properties of an array of objects 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 countBy = (arr, prop) => arr.reduce((prev, curr) => (prev[curr[prop]] = ++prev[curr[prop]] || 1, prev), {});

Sep 9, 2021 JavaScript
How to count the occurrences of array elements in JavaScript

In this Article we will go through how to count the occurrences of array elements 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 countOccurrences = arr => arr.reduce((prev, curr) => (prev[curr] = ++prev[curr] || 1, prev), {});

Sep 9, 2021 JavaScript
How to create an array of cumulative sum in JavaScript

In this Article we will go through how to create an array of cumulative sum 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 accumulate = arr => arr.map((sum => value => sum += value)(0));