How can I write a JavaScript function that eliminates all white spaces within a string?

Question

How can I write a JavaScript function that eliminates all white spaces within a string?

Exploring ways to create a custom function that trims white spaces from the beginning and end of a string (including \n, \t) without relying on built-in methods like trim(), replace(), split(), or join()

Here’s an example code snippet showcasing this functionality without using .replace:

function myTrim(x)     
{
  // Custom logic to remove leading and trailing white spaces
} 

function myFunction()
{
  var str = myTrim("    Hello World!   \t ");
}

javascript string function replace trim

Answer 1

Answer №1

Using the power of Regexp.exec, here is an example:

var re = /^\s*(\S[\S\s.]*\S)\s*$/gm;

function trim(str) {
  var result = re.exec(str);
  return (result !== null) ? (re.exec(str),result[1]) : '';
}

console.log('['+trim("Hello World!")+']')
console.log('['+trim("     Hello World!")+']')
console.log('['+trim("Hello World!  \t  ")+']')
console.log('['+trim("     Hello World!  \t  ")+']')

A key point to remember is that you need to re-execute re.exec if the initial result was non-null in order to clear the function's buffer.

Answer 2

Using the power of Regexp.exec, here is an example:

var re = /^\s*(\S[\S\s.]*\S)\s*$/gm;

function trim(str) {
  var result = re.exec(str);
  return (result !== null) ? (re.exec(str),result[1]) : '';
}

console.log('['+trim("Hello World!")+']')
console.log('['+trim("     Hello World!")+']')
console.log('['+trim("Hello World!  \t  ")+']')
console.log('['+trim("     Hello World!  \t  ")+']')

A key point to remember is that you need to re-execute re.exec if the initial result was non-null in order to clear the function's buffer.

Answer 3

Answer №2

If you're looking to steer clear of using built-in functions, the solution involves iterating through your string.

Here's a method that entails three iterations over the string:

The first iteration is to eliminate any leading spaces
The second iteration takes care of removing trailing spaces by going in reverse order
Finally, the last iteration reverses the string generated from the previous step

function myTrim(str) {
  const isSpace = c => c === ' ' || c === '\n' || c === '\r' || c === '\t';
  const loop = (str, fn) => { for (const c of str) fn(c) };
  const loopReverse = (str, fn) => { for (let i = str.length - 1; i >= 0; --i) fn(str[i]) };
  
  let out = '';
  let found = false;
  loop(str, c => {
    if (!isSpace(c) || found) {
      found = true;
      out += c;
    }
  });
  
  found = false;
  let reversed = '';
  loopReverse(out, c => {
    if (!isSpace(c) || found) {
      found = true;
      reversed += c;
    }
  });
  
  out = '';
  loopReverse(reversed, c => out += c);
  return out;
} 

console.log(`[${myTrim('  \n  Hello World!   \t ')}]`);
console.log(`[${myTrim('Hello World! \n  \t ')}]`);
console.log(`[${myTrim('Hello World!')}]`);

Answer 4

If you're looking to steer clear of using built-in functions, the solution involves iterating through your string.

Here's a method that entails three iterations over the string:

The first iteration is to eliminate any leading spaces
The second iteration takes care of removing trailing spaces by going in reverse order
Finally, the last iteration reverses the string generated from the previous step

function myTrim(str) {
  const isSpace = c => c === ' ' || c === '\n' || c === '\r' || c === '\t';
  const loop = (str, fn) => { for (const c of str) fn(c) };
  const loopReverse = (str, fn) => { for (let i = str.length - 1; i >= 0; --i) fn(str[i]) };
  
  let out = '';
  let found = false;
  loop(str, c => {
    if (!isSpace(c) || found) {
      found = true;
      out += c;
    }
  });
  
  found = false;
  let reversed = '';
  loopReverse(out, c => {
    if (!isSpace(c) || found) {
      found = true;
      reversed += c;
    }
  });
  
  out = '';
  loopReverse(reversed, c => out += c);
  return out;
} 

console.log(`[${myTrim('  \n  Hello World!   \t ')}]`);
console.log(`[${myTrim('Hello World! \n  \t ')}]`);
console.log(`[${myTrim('Hello World!')}]`);

Answer 5

Answer №3

Based on my understanding, you can give this a shot.

x.replaceAll("\\s", "");

Answer 6

Based on my understanding, you can give this a shot.

x.replaceAll("\\s", "");

How can I write a JavaScript function that eliminates all white spaces within a string?

Answer №1

Answer №2

Answer №3

Similar questions

How can one determine if an array in javascript contains anything other than null values?

Trying to assign a value to a property that is not defined

Exclude objects in array that do not match filter criteria

Issue with Jquery .ajax function returning an object even after it has already moved on to the next line of code

JavaScript's functionality akin to PHP's exec() function

"Can you tell me a way to identify variances between two dates displayed in a

What is the best way to resize images while also maintaining their ability to transition on hover?

Manipulating events through adjusting values of a JQuery-UI range-slider

Can someone assist me in figuring out how to solve selecting multiple radio buttons at once

Firing ng-change with fileModel or input type="file"

Managing both clicking and hovering events on a single element, ensuring that the popup modal remains open as long as it is being hovered over

Utilize jQuery and HTML simplistically to display or conceal divs throughout a webpage

Open a JavaScript file to retrieve data from a nearby JSON object

Creating IPv6 Mask from IPv6 Prefix Using Javascript: A Step-by-Step Guide

Converting to JSON can be done dynamically by adjusting the format based on the size of an array

The execution of the code may encounter errors initially, but it generally runs without any issues on subsequent attempts

Experiencing Issues with File Downloading on Express Server with Axios and Js-File-Download Library

Exploring the JSON Structure in NodeJS

The comparison between using multiple Vue.js instances and components, and implementing Ajax tabs

Can you tell me if the "dom model" concept belongs to the realm of HTML or JavaScript?