数据类型转换

Posted 2020-11-27 wxdddm

数据类型转换

1、什么是数据类型转换

  使用表单，prompt获取过来的数据默认是字符串类型的，此时就不能直接简单的进行加法运行，而需要转换变量的数据类型。通俗来说，就是把一种数据类型的变量转换成另外一种数据类型。

通常会实现三种方式的转换：

• 转换为字符串类型
• 转换为数字型
• 转换为布尔型

2、转换为字符串

•  toString()和String()使用方式不一样
• 三种转换方式，我们更喜欢用第三种加号拼接字符串转换方式，这一种方式也称之为隐式转换

 <script>
        // 1、把数字型转换为字符串 变量.toString
        var num = 10;
        var str=num.toString();
        console.log(str);
        console.log(typeof str);
        // 2、利用String(变量)
        console.log(String(num));
        // 3、利用+拼接字符串的方法实现转换效果 隐式转换
        console.log(num+‘‘);
</script>

 3、转换为数字型

 

 

•  注意parseInt和parseFloat单词的大小写
• 隐式转换是我们在进行算术运算的时候，JS自动转换了数据类型

<script>
        var age =prompt(‘请输入您的年龄‘);
        // 1、parseInt(变量)  可以把 字符型的转换为数字型 得到的是整数
        console.log(parseInt(age));
        console.log(parseInt(‘3.14‘)); //3  取整
        console.log(parseInt(‘3.97‘));  //3 取整
        console.log(parseInt(‘120px‘)); //120 会去掉这个px单位
        console.log(parseInt(‘rem120px‘)); //NAN
        // 2、parseFloat(变量)  可以把字符型的转换为数字型 得到的是小数 浮点数
        console.log(parseFloat(‘3.14‘));  //3.14
        console.log(parseFloat(‘120px‘));  //120 会去掉这个px单位
        console.log(parseFloat(‘rem120px‘));  //NAN
        // 3、利用Number(变量)
        var str=‘123‘;
        console.log(Number(str));
        console.log(Number(‘12‘));
        // 4、利用了算术运算 - * /隐式转换
        console.log(‘12‘-0);  //12
        console.log(‘123‘-‘120‘); //3
</script>

 <script>
        // 弹出一个输入框(prompt)，让用户输入出生年份(用户输入)
        // 把用户输入的值用变量保存起来，然后用今年的年份减去变量值，结果就是现在的年龄(程序内部处理)
        // 弹出警示框(alert)，把计算的结果输出(输出结果)
        var year = prompt(‘请您输入您的出生年份‘);
        var age=2018-year;//year取过来的是字符串型 但是这里用的减法，有隐式转换
        alert(‘您今年已经‘+age+‘岁了‘);
</script>

 

 

<script>
        // 先弹出第一个输入框，提示用户输入第一个值 保存起来
        // 再弹出第二个框，提示用户输入第二个值 保存起来
        // 把这两个值相加，并将结果赋给新的变量(注意数据类型的转换)
        // 弹出警示框(alert)，把计算的结果输出(输出结果)
        var num1 = prompt(‘请输入第一个值：‘);
        var num2 = prompt(‘请输入第二个值：‘);
        var result=parseFloat(num1)+parseFloat(num2);
        alert(‘您的结果是：‘+result);
</script>

       

 

 

 4、转换为布尔型

 

• 代表空、否定的值会被转换为false，如‘‘、0、NaN、null、undefined
• 其余值都会被转换为true

console.log(Boolean(‘‘));  //false
console.log(Boolean(0));  //false
console.log(Boolean(NaN));  //false
console.log(Boolean(null));  //false
console.log(Boolean(undefined));  //false
console.log(Boolean(‘123‘));  //true
console.log(Boolean(‘你好‘));  //true