js中的数据类型的转换

1、js中常用的数据类型转换的方法

 <script>
    var num=10;
    console.log(num);
  //1、使用.toString()转化
  var str=num.toString();
  console.log(num.toString());
  console.log(typeof str);
  var num1=10;
  //2、使用String()转换
  console.log(String(num1));
  //3、使用拼接字符串，即也成为了隐式转换
  var num2=10;
  console.log(num2+'');
  </script>

 

 2、将其他类型转化成数字型

 <script>
    //转化成数字型
    var age=prompt('你今年多少岁了？');
    console.log(typeof age);
    //1、将字符型转化成整型
    console.log(parseInt(age));
    var str='12';
    console.log(parseInt(str));//12
    var str1='3.14'
    console.log(parseInt(str1));//3
    var str2='120px';
    console.log(parseInt(str2));//120,会自动省掉后面数字！
    var str3='rem120px';
    console.log(parseInt(str3));//NaN,会出现无法解析
    //2、使用parseFloat将字符串型转化成浮点型
    console.log(parseFloat(str1));//3.14,会表示出其浮点型
    //数字后面有字母之后情况与PraseInt相同。

  </script>

 3、其他两种转化的方法

//3、利用Number转化成数字型
    var tim='1213';
    console.log(Number(tim));//此时转换成数字型
    console.log(Number('1213'));//这样亦可
    //4、利用了算术运算的-，、，*转换
    console.log('12'-0);
    console.log('123'-'120');//不能用加好，否则表示拼接字符串
    console.log('123'*1);

 

3、案例：计算年龄

<script>
    var year=prompt('请输入你出生的年份：');
    var age=2022-parseInt(year);
    alert(age);
  </script>

 

 

 4、简单加法器：

 

<script>
    //简单加法器
    var age1=prompt('请输入第一个值：'); 
    var age2=prompt('请输入第二个个值：');
    var sum=parseInt(age1)+parseInt(age2);
    alert('两者的和为:'+sum);
    
  </script>

 

 

 

 

 

3、将其他类型转化成布尔：

<script>
    //将其他类型转化成布尔类型
    console.log(Boolean(''));//false
    console.log(Boolean(null));//false
    console.log(Boolean(NaN));//false
    console.log(Boolean(undefined));//false
    console.log('---------------------------------------');
    console.log(Boolean(123));
    console.log(Boolean('每天进步一点点！'));
  </script>

案例：

  <script>
    var name=prompt('请输入你的姓名：');
    var age=prompt('请输入你的年龄：');
    var sex=prompt('请输入你的性别：');
    alert(name+'\n'+age+'\n'+sex);
  </script>

运行结果：