码迷,mamicode.com
首页 > 其他好文 > 详细

数据类型转换

时间:2020-04-03 18:30:20      阅读:89      评论:0      收藏:0      [点我收藏+]

标签:var   加法   alert   取整   src   字符串   def   保存   方式   

数据类型转换

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

 

 

 

 

 

数据类型转换

标签:var   加法   alert   取整   src   字符串   def   保存   方式   

原文地址:https://www.cnblogs.com/wxdddm/p/12625639.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!