Sep 9, 2021 JavaScript
How to replace all line breaks with br elements in JavaScript

In this Article we will go through how to replace all line breaks with br 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 nl2br = str => str.replace(new RegExp('\r?\n', 'g'), '<br>');

// In React
str.split('\n').map((item, index) => <React.Fragment key={index}>{item}<br /></React.Fragment>)

Sep 9, 2021 JavaScript
How to replace all tab characters with spaces in JavaScript

In this Article we will go through how to replace all tab characters with spaces 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 replace = (str, numSpaces = 4) => str.replaceAll('\t', ' '.repeat(numSpaces));

Sep 9, 2021 JavaScript
How to replace multiple spaces with a single space in JavaScript

In this Article we will go through how to replace multiple spaces with a single space 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:

// Replace spaces, tabs and new line characters
const replaceSpaces = str => str.replace(/\s\s+/g, ' ');

// Only replace spaces
const replaceOnlySpaces = str => str.replace(/  +/g, ' ');

Sep 9, 2021 JavaScript
How to replace the first given number of characters of a string with another character in JavaScript

In this Article we will go through how to replace the first given number of characters of a string with another character 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 mask = (str, num, mask) => `${str}`.slice(num).padStart(`${str}`.length, mask);

Sep 9, 2021 JavaScript
How to reverse a string in JavaScript

In this Article we will go through how to reverse a string 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 reverse = str => str.split('').reverse().join('');

Sep 9, 2021 JavaScript
How to get the file extension from a file name in JavaScript

In this Article we will go through how to get the file extension from a file name 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 ext = fileName => fileName.split('.').pop();

Sep 9, 2021 JavaScript
How to get the file name from a url in JavaScript

In this Article we will go through how to get the file name from a url 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 fileName = url => url.substring(url.lastIndexOf('/') + 1);

Sep 9, 2021 JavaScript
How to get the length of a string in bytes in JavaScript

In this Article we will go through how to get the length of a string in bytes 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 bytes = str => new Blob([str]).size;

Sep 9, 2021 JavaScript
How to get the number of a character in a string in JavaScript

In this Article we will go through how to get the number of a character in a string 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 characterCount = (str, char) => str.split(char).length - 1;

Sep 9, 2021 JavaScript
How to make the first character of a string lowercase in JavaScript

In this Article we will go through how to make the first character of a string lowercase 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 lowercaseFirst = str => `${str.charAt(0).toLowerCase()}${str.slice(1)}`;