How to convert string into float in JavaScript?
Last Updated : 21 Jun, 2024
In this article, we will convert a string into a float in Javascript. We can convert a string into a float in JavaScript by using some methods which are described below:
Methods to Concert String into Float:
Method 1: By using Type Conversion of JavaScript
In this method, we will use the Type Conversion feature of JavaScript which will convert the string value into float.
Example: Below program demonstrates the above approach
javascript // Javascript script // to convert string // to float value // Function to convert // string to float value function convert_to_float(a) { // Type conversion // of string to float let floatValue = +a; // Return float value return floatValue; } //Driver code let n = "55.225"; // Call function n = convert_to_float(n); // Print result console.log("Converted value = " + n + " Type of " + n + " = " + typeof n); n = "-33.565"; // Call function n = convert_to_float(n); // Print result console.log("Converted value = " + n + " Type of " + n + " = " + typeof n); OutputConverted value = 55.225 Type of 55.225 = number Converted value = -33.565 Type of -33.565 = number
Method 2: By using parseFloat() Method
In this method, we will use the parseFloat() method which is an inbuilt function in JavaScript that is used to accept the string and convert it into a floating point number. If the string does not contain a numeral value or If the first character of the string is not a Number then it returns NaN i.e, not a number.
Example: Below program demonstrates the above approach
javascript // Javascript script // to convert string // to float value // Function to convert // string to float value function convert_to_float(a) { // Using parseFloat() method let floatValue = parseFloat(a); // Return float value return floatValue; } //Driver code let n = "245.165"; // Call function n = convert_to_float(n); // Print result console.log("Converted value = " + n + " Type of " + n + " = " + typeof n); n = "-915.55"; // Call function n = convert_to_float(n); // Print result console.log("Converted value = " + n + " Type of " + n + " = " + typeof n); OutputConverted value = 245.165 Type of 245.165 = number Converted value = -915.55 Type of -915.55 = number
Special Case: In French, float numbers are written by the use of a comma (, ) as a separator instead of a dot(.) as a separator.
Example:
The value 245.67 in French is written as 245, 67
To convert a French string into a float in JavaScript we will first use replace() method to replace every (, ) with (.) then follow any of the above-described methods.
Example: Below program demonstrates the above approach
javascript // Javascript script // to convert string // to float value // Function to convert // string to float value function convert_to_float(a) { // Using parseFloat() method // and using replace() method // to replace ', ' with '.' let floatValue = parseFloat(a.replace(/, /, ".")); // Return float value return floatValue; } //Driver code let n = "245, 165"; // Call function n = convert_to_float(n); // Print result console.log("Converted value = " + n + " Type of " + n + " = " + typeof n); n = "-915, 55"; // Call function n = convert_to_float(n); // Print result console.log("Converted value = " + n + " Type of " + n + " = " + typeof n); OutputConverted value = 245.165 Type of 245.165 = number Converted value = -915.55 Type of -915.55 = number
In this method, we will use the eval() method which is an inbuilt function in JavaScript that is used to evaluate the string return result. If the string contains a number then it converts it from string to number and then returns it and if contains other than the number it returns NaN i.e, not a number. Example: Below program demonstrates the above approach
JavaScript // Javascript script // to convert string // to float value // Function to convert // string to float value function convert_to_float(a) { // Type conversion // of string to float let floatValue = eval(a); // Return float value return floatValue; } //Driver code let n = "55.225"; // Call function n = convert_to_float(n); // Print result console.log("Converted value = " + n + " Type of " + n + " = " + typeof n); n = "-33.565"; // Call function n = convert_to_float(n); // Print result console.log("Converted value = " + n + " Type of " + n + " = " + typeof n); OutputConverted value = 55.225 Type of 55.225 = number Converted value = -33.565 Type of -33.565 = number
Method 4: By using Number() constructor
In this method, we can use the Number() constructor which is a built-in function in JavaScript to convert a string into a number, including floats. It parses the argument as a float (or integer) and returns the result.
Example:
JavaScript // Using Number() constructor to convert a string into a float let stringNumber = "3.14"; let floatNumber = Number(stringNumber); console.log(floatNumber); // Output: 3.14
Method 5: By using Unary Plus Operator
The unary plus (+) operator can be used to convert a string to a number, including floats. It is a simple and concise way to perform this conversion.
Example: Below program demonstrates the above approach
JavaScript // Javascript script // to convert string // to float value // Function to convert // string to float value function convert_to_float(a) { // Using unary plus operator let floatValue = +a; // Return float value return floatValue; } //Driver code let n = "123.456"; // Call function n = convert_to_float(n); // Print result console.log("Converted value = " + n + " Type of " + n + " = " + typeof n); n = "-789.012"; // Call function n = convert_to_float(n); // Print result console.log("Converted value = " + n + " Type of " + n + " = " + typeof n); OutputConverted value = 123.456 Type of 123.456 = number Converted value = -789.012 Type of -789.012 = number
Similar Reads
How to Get Character of Specific Position using JavaScript ?
Get the Character of a Specific Position Using JavaScript We have different approaches, In this article we are going to learn how to Get the Character of a Specific Position using JavaScript Below are the methods to get the character at a specific position using JavaScript: Table of Content Method 1
4 min read
Remove a Character From String in JavaScript
In JavaScript, a string is a group of characters. Strings are commonly used to store and manipulate text data in JavaScript programs, and removing certain characters is often needed for tasks like: Removing unwanted symbols or spaces.Keeping only the necessary characters.Formatting the text.Methods
3 min read
Reverse a String in JavaScript
We have given an input string and the task is to reverse the input string in JavaScript. Using split(), reverse() and join() MethodsThe split() method divides the string into an array of characters, reverse() reverses the array, and join() combines the reversed characters into a new string, effectiv
1 min read
JavaScript - Convert String to Title Case
Converting a string to title case means capitalizing the first letter of each word while keeping the remaining letters in lowercase. Here are different ways to convert string to title case in JavaScript. 1. Using for LoopJavaScript for loop is used to iterate over the arguments of the function, and
4 min read
JavaScript - Sort an Array of Strings
Here are the various methods to sort an array of strings in JavaScript 1. Using Array.sort() MethodThe sort() method is the most widely used method in JavaScript to sort arrays. By default, it sorts the strings in lexicographical (dictionary) order based on Unicode values. [GFGTABS] JavaScript let a
3 min read
How to Convert String to Camel Case in JavaScript?
We will be given a string and we have to convert it into the camel case. In this case, the first character of the string is converted into lowercase, and other characters after space will be converted into uppercase characters. These camel case strings are used in creating a variable that has meanin
4 min read
Extract a Number from a String using JavaScript
We will extract the numbers if they exist in a given string. We will have a string and we need to print the numbers that are present in the given string in the console. Below are the methods to extract a number from string using JavaScript: Table of Content Using JavaScript match method with regExUs
4 min read
JavaScript - Delete First Character of a String
To delete the first character of a string in JavaScript, you can use several methods. Here are some of the most common ones Using slice()The slice() method is frequently used to remove the first character by returning a new string from index 1 to the end. [GFGTABS] JavaScript let s1 = "Geeksfor
1 min read
JavaScript - How to Get Character Array from String?
Here are the various methods to get character array from a string in JavaScript. 1. Using String split() MethodThe split() Method is used to split the given string into an array of strings by separating it into substrings using a specified separator provided in the argument. [GFGTABS] JavaScript let
2 min read
JavaScript - How To Get The Last Caracter of a String?
Here are the various approaches to get the last character of a String using JavaScript. 1. Using charAt() Method (Most Common)The charAt() method retrieves the character at a specified index in a string. To get the last character, you pass the index str.length - 1. [GFGTABS] JavaScript const s =
3 min read