Javascript类型转换详解

目录

  • 类型转换
    • 1.String->Number
    • 2.Number->String
    • 3.混合String->Number
    • 4.String->Array
    • 5.Array->String
    • 6.Array->Number
    • 7.toString()
    • 8.Boolean隐式转换
      • (1)比较
      • (2)运算
      • (3)其他类型转换为Boolean
    • 9.Boolean显式转换
      • (1)!!
      • (2)构造函数 Boolean()
  • 总结

    类型转换
    1.String->Number
    const string = "99"; // 隐式转换console.log(string * 1 + 77); // 显式转换console.log(Number(string) + 77);

    Javascript类型转换详解
    文章图片


    2.Number->String
    const number = 66; console.log(typeof number); // 隐式转换console.log(typeof (number + "")); // 显式转换console.log(typeof String(number));

    Javascript类型转换详解
    文章图片


    3.混合String->Number
    把位于开头的数值字符串转为数值型
    const string = "66.66alison"; console.log(parseInt(string)); console.log(parseFloat(string));

    Javascript类型转换详解
    文章图片


    4.String->Array
    const name = "alison"; console.log(name.split(""));

    Javascript类型转换详解
    文章图片


    5.Array->String
    const array = ["yooo", "alison", "ruby", "andy"]; console.log(array.join("")); console.log(array.join("&"));

    Javascript类型转换详解
    文章图片


    6.Array->Number
    空数组为0,x单元素数组为x,多元素数组为NaN
    console.log(Number([])); console.log(Number([3])); console.log(Number([1, 2, 3]));

    Javascript类型转换详解
    文章图片


    7.toString()
    主要用于将Array(由逗号隔开)、Boolean、Date、Number等对象转换成String。
    const array = ["yooo", "alison", "ruby", "andy"]; console.log(array.toString()); const number = 99; console.log(typeof number.toString());

    Javascript类型转换详解
    文章图片


    8.Boolean隐式转换
    比较和运算是两件事

    (1)比较 在将boolean与number、string比较时,会隐式地将boolean中的true转为1、false转为0
    let number = 99; console.log(number == true);

    Javascript类型转换详解
    文章图片

    let hd = '0'; let hd2 = "1"; let hd3 = "99"; console.log(hd == false); console.log(hd2 == true); console.log(hd3 == true);

    【Javascript类型转换详解】Javascript类型转换详解
    文章图片


    (2)运算 在运算中string和number会被隐式转换为boolean
    let number = 99; if (number) console.log("number");

    Javascript类型转换详解
    文章图片


    (3)其他类型转换为Boolean
    console.log(Boolean([])); console.log(Boolean({}));

    Javascript类型转换详解
    文章图片

    数值类型 0 其他
    字符串类型 空串 其他
    引用类型 数组和对象

    9.Boolean显式转换

    (1)!! !先将number转换为boolean类型,然后再取反
    !!相当于把数值转为布尔

    (2)构造函数 Boolean()
    // 数值let number = 0; number = !!number; console.log(Boolean(number)); // 字符串let string = "Alison"; console.log(!!string); console.log(Boolean(string)); // 数组let array = []; console.log(!!array); console.log(Boolean(array)); // 对象let object = {}; console.log(!!object); console.log(Boolean(object)); // 日期let date = new Date(); console.log(!!date); console.log(Boolean(date));


    总结 本篇文章就到这里了,希望能够给你带来帮助,也希望您能够多多关注脚本之家的更多内容!

      推荐阅读