0901

1 Numver类型

　　Number　　-》　　数字
　　　　在js里面的小数和整数统一都是数字，-2^53~2^53，超出范围之后精度就会不准确

　　Number方法
　　　　Number() —————— 参数中必须能被转换成数字，否则返回NaN；
　　　　parseInt(解析的参数) ———— 将参数转换为数字，整数部分遇到不是数字就停
　　　　parseFloat() —————— 将参数转换为数字，直到小数部分遇到不是数字就停
　　　　Num.toFixded(2) ———— 四舍五入保留两位小数，返回字符串 Num是代表上面的三个函数

　　　　NaN　　-》　　(Not a Number)
　　　　NaN自己不等于自己

　　　　var a = 1 + undefined; // 等价于 var a = 1 + Number(undefined);
　　　　alert(a); // 返回 NaN

　　　　var a = "1" + undefined; // 等价于 var a = "1" + String(undefined);
　　　　alert(a); // 返回 “1undefined”

 1 <!DOCTYPE html><!--  给浏览器解析，我这个文档是html文档 -->
 2 <html>
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <meta name="description" content="" />
 6     <meta name="Keywords" content="" />
 7     <title></title>
 8     
 9     <script type="text/javascript" src="../easyui/jquery.min.js"></script> 
10     <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script> 
11     <script type="text/javascript" src="../easyui/locale/easyui-lang-zh_CN.js" ></script> 
12 
13     <link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css" />  
14     <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css" /> 
15 
16     <script type="text/javascript" src="../js/test.js"></script>
17     <script type="text/javascript" src="../js/jquery-1.4.3.js"></script>
18 
19     <!-- <link rel="shortcut icon" href="../img/study04.ico"> -->
20     <style>
21         *{
22             margin: 0;
23             padding: 0;
24         }
25         #box {
26             width: 100px;
27             height: 100px;
28             background-color: red;
29         }
30         #box1 {
31             width: 200px;
32             height: 200px;
33             background-color: skyblue;
34         }
35         #parent {
36             width: 200px;
37             height: 200px;
38             border: 1px solid transparent;
39         }
40     </style>
41 
42     
43 </head>
44 
45 <body>
46     
47     <script type="text/javascript">
48         var a = 123.123;
49         // alert(a);
50         // alert(Number(a));
51         // alert(parseInt(a));
52         // alert(parseFloat(a));
53         // alert(Number("1234.1234"));
54         // alert(typeof a);
55         
56         // alert(parseInt("1234.a1234"));
57         // alert(parseFloat("1234.1231a1123"));
58         // alert(parseInt("1234a1243.1234"));
59         // alert(parseFloat("1234a1243.1234"));
60         
61         // alert(parseFloat("12.1235").toFixed(3));
62         
63         // var a = 1 + undefined;   // 等价于 var a = 1 + Number(undefined);
64         // alert(a);
65         
66         var a = "1" + undefined;  // 等价于 var a = "1" + String(undefined);
67         alert(a);
68 
69     </script>
70 </body>
71 </html>

View Code

　　Math数学函数
　　　　Math.pow(16, 2) ———————— 十六的平方 256
　　　　Math.round(0.52) ——————— 四舍五入（整数）
　　　　Math.ceil(0.1) ————————— 向上取整
　　　　Math.floor(0.9) ———————— 向下取整
　　　　Math.max() ————————————— 取参数中最大的值
　　　　Math.min() ————————————— 取参数中最小的值
　　　　Math.random() —————————— 零到壹的伪随机数
　　　　Math.PI ———————————————— π 3.1415926

2 String类型

　　String字符串
　　　　索引、下标、偏移值 ———— 从0开始

　　str[index]; —————— 通过索引取字符

　　str.charAt(index); —————— 通过索引取字符

　　对象方法
　　　　
　　　　value.toString(); ———————————— 转换字符串【undefined没有toString方法】
　　　　str.substring(开始位置，结束位置); ———————— 截取字符串会比较参数值小的参数在前面，负数变为0
　　　　str.slice(开始位置，结束位置); ———————————— 切片，不会交换位置，负数倒着数，从左到右
　　　　str.split(分割字符); ———————————— 字符串切割，返回数组
　　　　str.indexOf(字符串); —————————— 查找字符，成功返回索引，反之返回-1;
　　　　str.toUpperCase(); —————— 全部转换大写；
　　　　str.toLowerCase(); —————— 全部到小写；

3 Boolean类型

　　Boolean　　布尔值
　　　　true、false
　　　　真、假是、不是相等、不相等
　　　　当要判断一个值是否等于另一个值就会使用到布尔，因为只有两个值

　　1. undefined
　　2. null
　　3. 0或-0
　　4. NaN
　　5. ""
　　以上五个值在做"条件判断"的时候都为假(false), 其余都为真(true)包括对象、数组
　　Boolean转Number ==> true:1 false:0

4 null 和 undefined

　　1. null == undefined 返回true 因为放在条件里面都为假 false == false
　　2. null 是一个关键字，类似于正确的空值填补，undefined是预先定义好的全局变量不是关键字，变量声明没赋值也是undefined，值就是未定义，类似于错误的空值的填补
　　3. null转Number为0，undefined转Number为NaN；
　　　　1+ undefined = NaN；
　　　　1+ null = 1;
　　4. null的数据类型是对象，但是它本身不是对象。undefined数据类型就是undefined；

5 数组

　　Array.isArray(param); 判断参数param是否为数组【数组是对象】

　　arr.join(拼接符号)；将数组拼接成数组

　　var arr = [1,2,3,45,5,6,7,8,9, "This is Slice", true, function() {alert(1)}, {}, [1, 2, 34, 5,[1, 3]], undefined, null];

　　// alert( Array.isArray(arr) );

　　alert( arr.join("--------") );

 1 <!DOCTYPE html><!--  给浏览器解析，我这个文档是html文档 -->
 2 <html>
 3 <head>
 4     <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
 5     <meta name="description" content="" />
 6     <meta name="Keywords" content="" />
 7     <title></title>
 8     
 9     <script type="text/javascript" src="../easyui/jquery.min.js"></script> 
10     <script type="text/javascript" src="../easyui/jquery.easyui.min.js"></script> 
11     <script type="text/javascript" src="../easyui/locale/easyui-lang-zh_CN.js" ></script> 
12 
13     <link rel="stylesheet" type="text/css" href="../easyui/themes/default/easyui.css" />  
14     <link rel="stylesheet" type="text/css" href="../easyui/themes/icon.css" /> 
15 
16     <script type="text/javascript" src="../js/test.js"></script>
17     <script type="text/javascript" src="../js/jquery-1.4.3.js"></script>
18 
19     <!-- <link rel="shortcut icon" href="../img/study04.ico"> -->
20     <style>
21         *{
22             margin: 0;
23             padding: 0;
24         }
25         #box {
26             width: 100px;
27             height: 100px;
28             background-color: red;
29         }
30         #box1 {
31             width: 200px;
32             height: 200px;
33             background-color: skyblue;
34         }
35         #parent {
36             width: 200px;
37             height: 200px;
38             border: 1px solid transparent;
39         }
40     </style>
41 
42     
43 </head>
44 
45 <body>
46     
47     <script type="text/javascript">
48         var a = [1,2,3];
49         alert(a);
50         alert(typeof a);
51         alert(Array.isArray(a));
52         alert(a.join(" "));
53         alert(typeof a.join(" "));
54        
55 
56     </script>
57 </body>
58 </html>