Sep 9, 2021 JavaScript
How to sort an array of items by given key in JavaScript

In this Article we will go through how to sort an array of items by given key 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 sortBy = (arr, k) => arr.concat().sort((a, b) => (a[k] > b[k]) ? 1 : ((a[k] < b[k]) ? -1 : 0));

Sep 9, 2021 JavaScript
How to create an empty function in JavaScript

In this Article we will go through how to create an empty 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 noop = () => {};

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;

Sep 9, 2021 JavaScript
How to memoize a function in JavaScript

In this Article we will go through how to memoize 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:

const memoize = fn => ((cache = {}) => arg => cache[arg] || (cache[arg] = fn(arg)))();

Sep 9, 2021 JavaScript
How to check if the touch events are supported in JavaScript

In this Article we will go through how to check if the touch events are supported 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 touchSupported = () => ('ontouchstart' in window || window.DocumentTouch && document instanceof window.DocumentTouch);

Sep 9, 2021 JavaScript
How to check if an element is focused in JavaScript

In this Article we will go through how to check if an element is focused 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 hasFocus = ele => (ele === document.activeElement);

Sep 9, 2021 JavaScript
How to check if user scrolls to the bottom of the page in JavaScript

In this Article we will go through how to check if user scrolls to the bottom of the page 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 isAtBottom = () => document.documentElement.clientHeight + window.scrollY >= document.documentElement.scrollHeight;

Sep 9, 2021 JavaScript
How to detect internet explorer browser in JavaScript

In this Article we will go through how to detect internet explorer browser only using single line of code in JavaScript.

Let's define this short function:

const isIE = !!document.documentMode;

Sep 9, 2021 JavaScript
How to check if an element is a descendant of another in JavaScript

In this Article we will go through how to check if an element is a descendant of another 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 isDescendant = (child, parent) => parent.contains(child);

Sep 9, 2021 JavaScript
How to get the position of an element relative to the document in JavaScript

In this Article we will go through how to get the position of an element relative to the document 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 getPosition = ele => (r = ele.getBoundingClientRect(), { left: r.left + window.scrollX, top: r.top + window.scrollY });