美文网首页
JavaScript基础—数据类型转换

JavaScript基础—数据类型转换

作者: OmewSPG | 来源:发表于2021-10-18 11:30 被阅读0次

    转换为字符串

    三种方式

    1.把数字型转换为字符型 x.toString()

    var num = 10;
    var str = num.toString();
    console.log(typeof str);     // string
    

    2.使用String()

    console.log(String(num));
    

    3.利用拼接字符串的方法 + 号 隐式转换

    console.log(num + ' ');
    

    转换为数字型

    1. parseInt() 字符型转数字型,但是只能转为整数

    var age = prompt('输入年龄:');
    console.log(age);     // 字符串型
    
    console.log(parseInt(age)); 
    console.log(parseInt('3.14'));   // 3,仅保留整数部分
    console.log(parseInt('3.94'));   // 3,同上
    console.log(parseInt('120px'));  // 120 去掉px单位
    console.log(parseInt('rem120px'));  // NaN  若字符串前面有字母,则无法识别转换
    

    2. parseFloat() 字符型转数字型,可以转小数
    使用方法与parseInt()类似

    console.log(parseFloat('3.14'));  // 3.14
    

    3. Number()转换

    var str = '123';
    console.log(Number(str));
    console.log(Number('12'));
    

    4. 利用算数运算符 隐式转换

    console.log('12' - 0);   // 12
    console.log('123' - '120');  // 3
    console.log('123' * 1);   // 123
    

    转换为布尔型

    Boolean()可以将其他类型转换为布尔型

    console.log(Boolean(''));    // false
    console.log(Boolean(0));    // false
    console.log(Boolean(NaN));    // false
    console.log(Boolean(null));    // false
    console.log(Boolean(undefined));   // false
    

    记住以上几个特例,其他类型的值一律转换为true!

    案例:计算年龄

        <script>
            // 弹出一个输入框,让用户输入出生年份
            // 把用户输入的值保存起来,用今年的年份减去变量值,结果为年龄
            // 弹出消息框,把结果展示出来
    
            var year = prompt('输入你的出生年份');
            var age = 2021 - year;   // 隐式转换
            alert('你今年已经' + age + '岁了');
    
        </script>
    

    编译型语言和解释型语言的区别

    编译型语言和解释型语言.png

    相关文章

      网友评论

          本文标题:JavaScript基础—数据类型转换

          本文链接:https://www.haomeiwen.com/subject/hyzgoltx.html