JavaScript基础—数据类型转换

2021-10-18  本文已影响0人  OmewSPG

转换为字符串

三种方式

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
上一篇下一篇

猜你喜欢

热点阅读