JS 数据之间类型的转化

  1 <!DOCTYPE html>
  2 <html>
  3     <head>
  4         <meta charset="UTF-8">
  5         <title></title>
  6     </head>
  7     <body>
  8     </body>
  9     
 10     <script type="text/javascript">
 11     
 12          // Number 其他类型转化为 number 类型
 13         // bool类型转化为number 类型
 14         var value1 = true;
 15         var result = Number(value1);//常用
 16         console.log(result);
 17 
 18         // string类型转化为 number 类型
 19         var value2 = "123";
 20         console.log(typeof value2);
 21         var result = Number(value2);
 22         console.log (result);
 23         var value3 = "我笑了";// 不能转化为number
 24         
 25         // 其他类型转化为整数
 26         var value1 = 12.99;//打印出12
 27         var result = parseInt(value1);
 28         console.log(result);
 29 
 30         var value2 = "100abc";//打印出100
 31         var result = parseInt(value2);
 32         console.log(result);
 33 
 34         var value3 = "-20";//打印出-20
 35         var result = parseInt(value3);
 36         console.log(result);
 37 
 38         // 其他类型转化为小数(浮点数)
 39         var value1 = "12.13.156";//打印出12.13
 40         var result = parseFloat(value1);
 41         console.log(result);
 42         
 43         // var value2 = "12.12acb";
 44         var result = parseFloat(value2);
 45         console.log(result);
 46         
 47         // 可以识别为19(因为这是十六进制的数字)
 48         var value3 = "0x13.14abc";
 49         var result = parseInt(value3);
 50         console.log(result);
 51 
 52     
 53     // 在 js 里面有一种很常用的转化  隐式转化
 54         var value1 = 11;
 55         var value2 = "12";
 56         var result = value1 + value2;
 57         console.log(result);
 58         // 字符串可以直接相加(拼接)
 59         var temp = "abc" + "def";
 60         console.log(temp);
 61 
 62         
 63     //非0 代表 true  ,0  表示false
 64 
 65 
 66         那些地方必须填 bool 类型的值
 67         1、结果是 bool 
 68 
 69         2, 逻辑运算符
 70 
 71         3. 比较运算符
 72 
 73         4.那些地方使用 bool 
 74             a if 语句条件
 75             b while  循环的条件
 76             c is Nan判断是不是数字
 77 
 78 
 79             分支语语句,,,if if.else   if else  if else  switch 
 80 
 81 
 82 
 83 
 84         循环语句 ,,,,while,   do while , for  
 85             for(1、循环条件 2、循环体 3、循环增量)
 86             
 87         函数  
 88          语法: Function 函数名 (){}
 89          分类:带参函数
 90            无参函数  匿名函数的  有返回值的函数
 91    
 92    
 93        带参函数   :  形参,实参
 94        
 95        function myfunction(a,b){
 96            console.log(a + b);
 97            
 98        }
 99         myfunction(3,5);
100             
101             
102             
103             实际参数如果多余形式参数的时候,可以用另外一种方式取出实际参数
104        function textfunction(){
105            arguments[0]
106            arguments[1]
107            arguments[2]
108            
109        }
110             myfunction(3,5);
111             
112             
113     匿名函数
114     匿名函数如何调用
115     语法:
116     ()();
117     (匿名函数的定义)(匿名函数的实际参数);
118     (myfunction(a,b){匿名函数体})(36);
119 
120 
121     作用域问题
122     while(){
123         var number = 1124     }
125 
126 
127     作用域局部和内部  在其他里没有外部这个说法
128 
129 
130     操作HTML节点、
131     1. 
132         a.document.getElementById();
133         b.具体一个元素.getElementById();
134     2.
135         在js里面修改元素样式
136         语法:a.元素.style.具体样式属性
137         b.元素.style[具体样式属性];
138         var box = document.getElementById();
139         var text = "background"
140         box.style.text = "red";  这是错误的
141         box.style[text] = "red";  这是正确的
142 
143 
144 
145 
146 
147 
148 
149 
150 
151         
152         
153     </script>
154     
155 </html>

 

posted @ 2016-05-30 13:43  PowellZhao  阅读(147)  评论(0编辑  收藏  举报