03.js数据类型之间的转换与运算

1. 数字类型转字符串

写法：String(变量)

<script type="text/javascript">
    var n1=23;
    var n2=12.36;
    var n3=String(n1);  n1为变量
</script>

变量.tostring()

<script type="text/javascript">
    var n1=23;
    var n2=12.36;
    var n3=n1.String();  n1为变量
</script>

2.字符串转数字类型

• Number

  • 纯数字类型的字符串，转换之后是结果为数字。
  • 非纯数字的字符串，转换之后得到的是NaN。（NaN类型为数字类型 ）
  • 小数类型的字符串，转换之后得到的原数字。

    <script type="text/javascript">
       var n1="123";
       var n2="12abc";
       var n3="mylove";
       var n4="14期霸气";
       var n5=Number(n1）；
       alert(n5);            结果为：123
       alert(typeof(n5));    结果为：number
    </script>

<script type="text/javascript">
       var n1="123";
       var n2="12abc";
       var n3="mylove";
       var n4="14期霸气";
       var n5=Number(n2）；
       alert(n5);            结果为：NaN
       alert(typeof(n5));    结果为：number
    </script>

<script type="text/javascript">
       var n1="123";
       var n2="12abc";
       var n3="mylove";
       var n4="1.23";
       var n5="-5.93";
       var n6=Number(n5）；
       alert(n6);            结果为：-5
       alert(typeof(n6));    结果为：number
    </script>

• parseInt
  
  • 纯数字整数类型的字符串，转换之后的结果为整数数字。
  • 以数字开头的字符串，转换之后的结果为前面的数字。
  • 非数字开头的字符串，转换之后为NaN。
  • 小数类型的字符串，转换之后为取整(去掉小数点后面的）。

<script type="text/javascript">
       var n1="123";
       var n2="12abc";
       var n3="mylove";
       var n4="1.23";
       var n5=parseInt(n1）；
       alert(n5);            结果为：123
       alert(typeof(n5));    结果为：number
    </script>

<script type="text/javascript">
       var n1="123";
       var n2="12abc";
       var n3="mylove";
       var n4="1.23";
       var n5=parseInt(n2）；
       alert(n5);            结果为：12
       alert(typeof(n5));    结果为：number
    </script>

<script type="text/javascript">
       var n1="123";
       var n2="12abc";
       var n3="mylove";
       var n4="1.23";
       var n5=parseInt(n3）；
       alert(n5);            结果为：NaN
       alert(typeof(n5));    结果为：number
    </script>

<script type="text/javascript">
       var n1="123";
       var n2="12abc";
       var n3="mylove";
       var n4="1.23";
       var n5=parseInt(n4）；
       alert(n5);            结果为：1
       alert(typeof(n5));    结果为：number
    </script>

• parseFloat
  
  • 纯数字整数类型的字符串，转换之后的结果为整数数字。
  • 以数字开头的字符串，转换之后的结果为前面的数字。
  • 非数字开头的字符串，转换之后为NaN。
  • 小数类型的字符串，转换之后为源数字。

<script type="text/javascript">
       var n1="123";
       var n2="12abc";
       var n3="mylove";
       var n4="1.23";
       var n5=parseInt(n4）；
       alert(n5);            结果为：1.23
       alert(typeof(n5));    结果为：number
    </script>

2.数字，字符串转布尔类型

• Boolean()
  
  • 数字和字符串转完之后为true.
  • undefined(量未初始化）、null、0转完之后为false。

var n1=123;        true
var n2="345"       true
var n3;            false
var n4=null;       false
var n6=0;          false
var n7=Infinity;   true

var n5=Boolean(n7);
alert(n5);
alert(typeof(n5));

3.隐式数据类型转换

定义：在运算过程中，程序自己进行的数据转换（程序员没有操作）

var n1=12;
var n2="3";
var n3=n1-n2;
alert(n3);           结果为9       
alert(typeof(n3));   结果为number(程序自动识别转换为number数据类型，不用我们人工转换）

demo:

<script type="text/javascript">
    var n1=prompt("请输入数字")；   n1为输入的数字，（）里为变量,为字符串类型
    var n1=Number(n1)；            先把变量转为数字类型  
    var bai=parseInt(n1/100);     n1/100得的值，去掉小数取整，取得的值就为百位数的数字。
    var shi=parseInt(n1%100/10);  n1/100取得的余数再/10，去掉小数取整，取得的值就为十位数的数字。
    var ge=n1%10;                 n1/10取得的余数就为个位数的值。
    alert(bai+shi+ge);            alert 百十个三位数相加即为结果。
</script>

3.逻辑运算符 ## （判断对错）

逻辑运算只有2个结果，一个为true,一个为false。

• 且 &&
  两个表达式都为true时，结果才为true

var n1=2;
var n2=3;
var n3=6;
alert(n1<=n2 && n2<=n3);    true

• 或 ||
  一个表达式为true，一个表达式为false时，结果为true。（只要有一个为true，结果即为true）

  var n1=2;
  var n2=3;
  var n3=6;
  alert(n1<=n2 || n2>=n3);    true

• 非 ！
  和表达式相反的结果

   var n1=2;
   var n2=3;
   var n3=6;
   alert(!(n1>n2));    true  

3.等号运算符 ##

“=”赋值运算符（赋予一个值）
“==”判断是否相同，只判断内容是否相同，不判断数据类型。
“===”判断是否相同，不仅判断内容是否相同，还判断收据类型是否相同。
“！=”不等于，判断的是内容是否不相同，不判断数据类型。
“！==”不全等于，判断的是内容和数据类型是否都不相同。

var n1=2;
var n2="2";
var n3=2;
alert(n1==n2);   true
alert(n1===n2);  false
alert(n1!=n2);   false
alert(n1!==n2);  true

3.逗号运算符 ##

变量的集体输入，声明。

var n1=1,n2=2,n3=3;n1+=n2;
alert(n1);    结果为3