Sep 9, 2021 JavaScript
How to check if a value is an async function in JavaScript

In this Article we will go through how to check if a value is an async 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 isAsyncFunction = v => Object.prototype.toString.call(v) === '[object AsyncFunction]';

Sep 9, 2021 JavaScript
How to compose functions from left to right in JavaScript

In this Article we will go through how to compose functions from left to right 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:

// Compose functions from left to right
const pipe = (...fns) => x => fns.reduce((y, f) => f(y), x);

Sep 9, 2021 JavaScript
How to toggle an element in JavaScript

In this Article we will go through how to toggle an element 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 toggle = ele => (ele.style.display = (ele.style.display === 'none') ? 'block' : 'none');

Sep 9, 2021 JavaScript
How to box handler in JavaScript

In this Article we will go through how to box handler 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 boxHandler = x => ({ next: f => boxHandler(f(x)), done: f => f(x) });

Sep 9, 2021 JavaScript
How to show an element in JavaScript

In this Article we will go through how to show an element 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 show = ele => ele.style.display = '';

Sep 9, 2021 JavaScript
How to strip html from a given text in JavaScript

In this Article we will go through how to strip html from a given text 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 stripHtml = html => (new DOMParser().parseFromString(html, 'text/html')).body.textContent || '';

Sep 9, 2021 JavaScript
How to serialize form data in JavaScript

In this Article we will go through how to serialize form data 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 serialize = formEle => Array.from(new FormData(formEle)).reduce((p, [k, v]) => Object.assign({}, p, { [k]: p[k] ? (Array.isArray(p[k]) ? p[k] : [p[k]]).concat(v) : v}), {});

Sep 9, 2021 JavaScript
How to insert given html before an element in JavaScript

In this Article we will go through how to insert given html before an element 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 insertHtmlBefore = (html, ele) => ele.insertAdjacentHTML('beforebegin', html);

Sep 9, 2021 JavaScript
How to redirect to another page in JavaScript

In this Article we will go through how to redirect to another 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 goTo = url => location.href = url;

Sep 9, 2021 JavaScript
How to reload the current page in JavaScript

In this Article we will go through how to reload the current 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 reload = () => location.reload();