Type Conversion in JavaScript

  • Type conversion in JavaScript refers to the process of converting a value from one data type to another.
  • There are two types of type conversion in JavaScript: implicit and explicit.
  • Implicit type conversion is when JavaScript automatically converts a value from one data type to another. For example, if you try to add a string and a number, JavaScript will automatically convert the number to a string before performing the addition. (but actually in this case performing string concatenation operation)
  • Explicit type conversion is when you manually convert a value from one data type to another. To do this, you use one of the built-in JavaScript type conversion functions. For example, the Number() function can be used to convert a string to a number.
  • Here are some examples of type conversion in JavaScript:

    // Implicit type conversion
    var num1 = '1';
    var num2 = 2;
    var sum = num1 + num2; // '12'

    // Explicit type conversion
    var str1 = "10";
    var num3 = Number(str1); // 10

  • In the first example, JavaScript automatically converts the numeric value num2 to string before performing the addition. In the second example, the Number() function is used to convert the string str1 to a number.
JavaScript provides several methods for type conversion, including:
  • String conversion: You can convert a value to a string using the String() function, or by using the toString() method on objects.
For example:


    var num = 42;
    var str = String(num); // "42"


 
  var obj = { x: 1, y: 2 };
    var str2 = obj.toString(); // "[object Object]"

  • Number conversion: You can convert a value to a number using the Number() function, or by using the parseInt() or parseFloat() functions for parsing integers or floating-point numbers from strings.
For example:


    var str = "42";
    var num = Number(str); // 42



    var str2 = "3.14";
    var num2 = parseFloat(str2); // 3.14

  • Boolean conversion: You can convert a value to a boolean using the Boolean() function.
  • In general, values that are considered "falsy" in JavaScript (such as 0, "", null, undefined, and NaN) are converted to false, while all other values are converted to true.
For example:


    var num = 0;
    var bool = Boolean(num); // false



    var str = "hello";
    var bool2 = Boolean(str); // true

  • Type coercion: In JavaScript, values can also be implicitly coerced from one type to another in certain situations, such as when performing mathematical operations or comparisons.
For example:


    var num = 42;
    var str = "3";
    var sum = num + str; // "423"



    var bool = true;
    if (bool == 1) { // true
      // ...
    }

  • It's important to be aware of the different methods of type conversion and coercion in JavaScript, as they can sometimes lead to unexpected results or bugs in your code.
  • It's a good practice to explicitly convert values to the desired type whenever possible, rather than relying on implicit type coercion.

No comments:

Post a Comment

Primitive Types in TypeScript

In TypeScript, primitive types are the most basic data types, and they are the building blocks for handling data. They correspond to simple ...