Removing White Spaces in a String Using JavaScript Manually

Question

Removing White Spaces in a String Using JavaScript Manually

I have created my own algorithm to achieve the same outcome as this function:

var string= string.split(' ').join('');

For example, if I input the String: Hello how are you, it should become Hellohowareyou

My approach avoids using .replace, regex, or .split

However, upon testing, my algorithm does not seem to alter the original String:

var x = prompt("Enter String");

for (var i=0; i<=x.length;i++) {
     if (x[i] == " ") {
         x[i] = "";
     }
 }

alert(x);

javascript

Answer 1

Answer №1

Iterating through a string and skipping spaces while copying characters is the key to solving this challenge. It's important to note that strings in JavaScript are immutable, meaning you cannot directly change individual characters within a string using syntax like x[i] = 'c'.

For more information on the immutability of JavaScript strings and whether a "string builder" is needed, check out Are JavaScript strings immutable? Do I need a "string builder" in JavaScript?

var string =  'Hello     How    are you';
var noSpaces = '';
for (var i = 0; i < string.length; i++) {
  if (string.charAt(i) != ' ' ) {
    noSpaces += string.charAt(i);
  }
}

alert(noSpaces);

Answer 2

Iterating through a string and skipping spaces while copying characters is the key to solving this challenge. It's important to note that strings in JavaScript are immutable, meaning you cannot directly change individual characters within a string using syntax like x[i] = 'c'.

For more information on the immutability of JavaScript strings and whether a "string builder" is needed, check out Are JavaScript strings immutable? Do I need a "string builder" in JavaScript?

var string =  'Hello     How    are you';
var noSpaces = '';
for (var i = 0; i < string.length; i++) {
  if (string.charAt(i) != ' ' ) {
    noSpaces += string.charAt(i);
  }
}

alert(noSpaces);

Answer 3

Answer №2

The reason why your code is not functioning correctly is due to the fact that, particularly for strings, there isn't a setter available for the indexed approach (x[0] = "w"). Strings cannot be treated as arrays since they are a unique type of object (an immutable object) that can be accessed by index but lacks a setter in this context.

To correct your code, make the following changes:

var x = prompt("Enter sum or 'e' to Exit");
var modified = "";

for (var i=0; i<x.length;i++) {
     if (x[i] != " ") {
         modified += x[i];
     }
 }

alert(modified);

Alternatively, you can improve your code further by using regex as shown below:

var x = prompt("Enter sum or 'e' to Exit");
x = x.replace(/\s/g,"");

Answer 4

The reason why your code is not functioning correctly is due to the fact that, particularly for strings, there isn't a setter available for the indexed approach (x[0] = "w"). Strings cannot be treated as arrays since they are a unique type of object (an immutable object) that can be accessed by index but lacks a setter in this context.

To correct your code, make the following changes:

var x = prompt("Enter sum or 'e' to Exit");
var modified = "";

for (var i=0; i<x.length;i++) {
     if (x[i] != " ") {
         modified += x[i];
     }
 }

alert(modified);

Alternatively, you can improve your code further by using regex as shown below:

var x = prompt("Enter sum or 'e' to Exit");
x = x.replace(/\s/g,"");

Answer 5

Answer №3

Your code is currently attempting to replace a value with the same variable, which is not possible. Instead, you should store the value in a new variable like this:

var input = prompt("Enter a number or 'e' to exit");
var result = '';
for (var index=0; index<input.length; index++) {
     if (input[index] != " ") {
         result += input[index];
     }
 }

alert(result);

You can check out the solution at this link https://jsfiddle.net/rqL3cvog/

Answer 6

Your code is currently attempting to replace a value with the same variable, which is not possible. Instead, you should store the value in a new variable like this:

var input = prompt("Enter a number or 'e' to exit");
var result = '';
for (var index=0; index<input.length; index++) {
     if (input[index] != " ") {
         result += input[index];
     }
 }

alert(result);

You can check out the solution at this link https://jsfiddle.net/rqL3cvog/

Answer 7

Answer №4

One alternative method to update the variable x without using an additional variable involves implementing a reverse loop with the use of slice to extract the string before and after the specified index i:

var x = prompt("Please input a string");

for (var i = x.length; i--;) {
  if (x[i] == " ") {
    x = x.slice(0, i) + x.slice(i + 1, x.length);
  }
}

alert(x);

Alternatively, you can also utilize a backward for loop in conjunction with substr :-

var x = prompt("Please enter a string");

for (var i = x.length; i--;) {
  if (x[i] == " ") {
    x = x.substr(0, i) + x.substr(i + 1);
  }
}

alert(x);

Answer 8

One alternative method to update the variable x without using an additional variable involves implementing a reverse loop with the use of slice to extract the string before and after the specified index i:

var x = prompt("Please input a string");

for (var i = x.length; i--;) {
  if (x[i] == " ") {
    x = x.slice(0, i) + x.slice(i + 1, x.length);
  }
}

alert(x);

Alternatively, you can also utilize a backward for loop in conjunction with substr :-

var x = prompt("Please enter a string");

for (var i = x.length; i--;) {
  if (x[i] == " ") {
    x = x.substr(0, i) + x.substr(i + 1);
  }
}

alert(x);

Answer 9

Answer №5

Hello there,

I have provided the code below for your reference. It may seem lengthy, but feel free to ask for help to make it more concise. Please check the output.

var x = prompt("Hello       how   are   you");
y = ''
flag = false
for (var i=0; i<x.length;i++) {

  if (x[i] == " ") {
     flag= true
  }
  else {

     if (flag == true) {
         y += ' '
         y += x[i]
         flag = false
     }
     else {
         y += x[i] 
     }
  }
}

alert(y)

The output will be: "Hello how are you"

This code simply sets a flag when encountering a space in x[i]. Then, instead of adding whitespace, it adds a single space and the next character to the output string before setting the flag back to false.

Answer 10

Hello there,

I have provided the code below for your reference. It may seem lengthy, but feel free to ask for help to make it more concise. Please check the output.

var x = prompt("Hello       how   are   you");
y = ''
flag = false
for (var i=0; i<x.length;i++) {

  if (x[i] == " ") {
     flag= true
  }
  else {

     if (flag == true) {
         y += ' '
         y += x[i]
         flag = false
     }
     else {
         y += x[i] 
     }
  }
}

alert(y)

The output will be: "Hello how are you"

This code simply sets a flag when encountering a space in x[i]. Then, instead of adding whitespace, it adds a single space and the next character to the output string before setting the flag back to false.

Removing White Spaces in a String Using JavaScript Manually

Answer №1

Answer №2

Answer №3

Answer №4

Answer №5

Similar questions

The attempt to install "expo-cli" with the command "npm install -g expo-cli" was unsuccessful

Adjusting color schemes for Twitter Bootstrap Tooltips according to their placement

What is the recommended value for the auto-incremented ID field when using the POST method in Node.js?

Tips for bringing a particular tab into focus when a page initially loads

Is it necessary to establish a connection to my mongodb database directly within my jest test file, or is it permissible to invoke functions from separate classes that handle the database connection?

Tips for customizing the font color in Material UI Typography

I struggled to modify the image cropping code to specify a particular image

Can you show me the steps for linking the next method of an EventEmitter?

jwplayer - track viewing time - monetize by the minute - trigger action based on duration

Exploring the power of Selenium Webdriver in combination with JavaScript

What is the optimal value for the variable x in this scenario?

What could be causing my AJAX form to refresh the page upon submission?

Having trouble with the Jquery Slider script?

Unable to reinitialize MUI DatePicker after keydown event

Using JavaScript, what is the process for getting the value of a child node within Firebase

Updating nested forms in Angular 4

Validation of New Relic License Key

Redirect link depending on JSON callback information

Is it possible to define a data type from an external package using TypeScript and Node.js?

Unable to integrate multiple webpack projects: Uncaught SyntaxError occurs due to a missing closing parenthesis after the argument list