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 normalize file path slashes in JavaScript

In this Article we will go through how to normalize file path slashes 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 normalizePath = path => path.replace(/[\\/]+/g, '/');

Sep 9, 2021 JavaScript
How to prepend a line number to each line of a text document in JavaScript

In this Article we will go through how to prepend a line number to each line of a text 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 prependNumbers = str => str.split(/\r?\n/).map((line, i) => `${(i + 1).toString().padStart(2, ' ')} ${line}`).join('\n');

Sep 9, 2021 JavaScript
How to remove duplicate lines of a text document in JavaScript

In this Article we will go through how to remove duplicate lines of a text 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 removeDuplicateLines = str => Array.from(new Set(str.split(/\r?\n/))).join('\n');

Sep 9, 2021 JavaScript
How to remove empty lines of a text document in JavaScript

In this Article we will go through how to remove empty lines of a text 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 removeEmptyLines = str => str.split(/\r?\n/).filter(line => line.trim() !== '').join('\n');

Sep 9, 2021 JavaScript
How to remove spaces from a string in JavaScript

In this Article we will go through how to remove spaces from 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 removeSpaces = str => str.replace(/\s/g, '');

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);