28-JavaScript-面向对象-系统函数-内部类-Math-Date-String-Array-Boolean-Number

桃扇骨 2022-09-18 09:50 119阅读 0赞

内部类  
\- Math  
\- Date  
\- String  
\- Array  
\- Boolean  
\- Number  
  
系统函数

# 1. 内部类 #

##  1) 什么是内部类 ##

JavaScript中本身就提供一些 可以直接使用的类,  
这种由JS本身事先定义好的类就是内部类

##  2) 主要的内部类 ##

① Array  
② Boolean  
③ Date  
④ Math  
⑤ Number  
⑥ String  
⑦ RegExp (待续)  
⑧ Global (全局)  
⑨ Object (根对象)

##  3) 分类(以使用的方式分) ##

###  ① 动态内部类 ###

使用类的实例来访问 属性和方法  
  
如: var num = new Number(12.34).toFixed(1);  
// 12.3  
var date = new Date().toLocaleString();  
//2013年11月14日 11:56:04

###  ② 静态内部类  ###

直接使用类名来访问 属性和方法  
  
如: var circleArea = 3 \* 3 \* Math.PI;  
// // 28.274333882308138

# 2. Math  #

对数字的操作  
参考: http://www.w3school.com.cn/js/jsref\_obj\_math.asp

##  1) 常用属性 ##

① PI

##  2) 常用方法 ##

① abs(x) 绝对值  
② ceil(x) 向上取整,如 ceil(1.6) = 2; ceil(1.1) = 2;  
③ floor(x) 向下取整,如 floor(1.6) = 1; ceil(1.1) = 1;  
④ max(x, y) 求较大值  
⑤ min(x, y) 求较小值  
⑥ round(x) 四舍五入  
⑦ random() (0, 1) 区间的任意16位小数

##  3) 举例 ##

console.info( Math.ceil( 1.1 ) ); // 2
        console.info( Math.ceil( 1.6 ) ); // 2
    
        console.info( Math.floor( 1.1 ) ); // 1
        console.info( Math.floor( 1.7 ) ); // 1
    
        /* [intNum1, intNum2] 的整数
        <==>  
          Math.round( Math.random() * (intNum2 - intNum1) + intNum1 )
          
            0 < x < 1
            3 <= y <= 100
    
            0 * 97 < x * 97 < 1 * 97
        ==> 0 < x * 97 < 97
        ==> 0 + 3 < x * 97 + 3 < 97 + 3
        ==> 3 < x * 97 + 3 < 100 
        ==> 3 <= Math.round( x * 97 + 3 ) <= 100   
            
            
            var x = Math.random() * (intNum2 - intNum1) + intNum1;
            x = Math.round( x );
    
        */
        for (var i = 0; i < 20; i++) { // [3, 100]
            var x = Math.random() * (100 - 3) + 3;
            x = Math.round( x );
            console.info( x );
        }

# 3. Date #

对日期和时间的操作  
参考: http://www.w3school.com.cn/js/jsref\_obj\_date.asp

##  1) 常用方法 ##

① Date() 返回当前日期和时间  
② d.getDate() 返回月中的第几天(1~31)  
③ d.getDay() 周中第几天(0~6)  
④ d.getMonth() 年中第几月(0~11)  
⑤ d.getFullYear() 以四位数字返回年份  
⑥ d.getHours() 小时数(0 ~ 23)。  
⑦ d.getMinutes() 分钟 (0 ~ 59)。  
⑧ d.getSeconds() 秒数 (0 ~ 59)。  
⑨ d.getMilliseconds() 毫秒(0 ~ 999)。  
⑩ getTime() 返回 1970 年 1 月 1 日至今的毫秒数。  
setTime() 以毫秒设置 Date 对象。

##  2) 举例  ##

var date = new Date();
    
        // 格林威治时间
        // console.info( date ); // Date {Thu Nov 14 2013 12:40:42 GMT+0800}
    
        // 本地格式时间
        // console.info( date.toLocaleString() ); // 2013年11月14日 12:42:04
    
        var year = date.getFullYear();
        var month = date.getMonth();
        var dayOfMonth = date.getDate();
        var dayOfWeek = date.getDay();
        var hours = date.getHours();
        var minutes = date.getMinutes();
        var seconds = date.getSeconds();
    
        console.info( "over..." );
    
    /* 断点调试, 查看
    
        year 2013
        month 10            // 当前11月
        dayOfMonth 14
        dayOfWeek 4
        hours 12
        minutes 59
        seconds 34
    */

# 4. String #

对字符串的各种操作  
参考: http://www.w3school.com.cn/js/jsref\_obj\_string.asp

##  1) 常用属性 ##

length 字符串的长度

##  2) 常用方法 ##

① str.indexOf(substr) 子串首次出现的索引  
② str.split(separator,times) 分隔为字符串数组  
③ str.substr(start,length) 截取指定个数, 支持负索引  
④ str.substring(start,stop) 截取索引间字符, 包头不包尾  
⑤ str.charAt(index) 返回指定位置的字符  
⑥ toString() 内部函数都有  
⑦ match()/replace()/search() ...

##  3) 举例 ##

// ① str.indexOf(substr)         子串首次出现的索引
        // ② str.split(separator,times)  分隔为字符串数组
        // ③ str.substr(start,length)    截取指定个数, 支持负索引
        // ④ str.substring(start,stop)   截取索引间字符, 包头不包尾
        // ⑤ str.charAt(index)           返回指定位置的字符  
        // ⑥ toString()                  内部函数都有
    
        var str = "0123456789";
    
        var length = str.length;
        var strArr1 = "1991-03-19".split("-");
        var strArr2 = "1991-03-19".split();
        var strArr3 = "1991".split("");
        /*
            length  10
            strArr1 ["1991", "03", "19"]
            strArr2 ["1991-03-19"]
            strArr3 ["1", "9", "9", "1"]
        */
    
    
        str = "0123456789";
    
        var subStr = str.substr(2, 4);
        var subStr2 = str.substring(2, 4);
        /*
            subStr  "2345"
            subStr2 "23"
        */
    
    
        str = "0123456789";
        var ch = str.charAt(3); 
        // ch  "3"
    
        str = "a12b123c1234d"
        var index = str.indexOf("12");
        var index2 = str.indexOf("12", 2); 
        var index3 = str.indexOf("123455");
        /*
            index 1
            index2 4
            index3 -1
        */    
    
    
        console.info("over...");

# 5. Array #

对数组的操作  
参考: http://www.w3school.com.cn/js/jsref\_obj\_array.asp

##  1) 常用属性 ##

length 数组元素个数

##  2) 常用方法 ##

① arr.concat(arr1\[,arr2,...\]) 连接数组  
② arr.join(separator) 所有元素放入一个字符串,分隔符隔开  
③ arr.pop() 删除最后一个元素,并返回  
④ arr.push(val1\[,val2,..\]) 末尾添加元素，并返回新的长度。  
⑤ arr.reverse() 颠倒数组中元素的顺序  
⑥ arr.shift() 删除第一个元素,并返回  
arr.unshift(var1\[,...\]) 往数组头部添加元素 ,并返回新的长度  
⑦ arr.sort(\[sortby\]) 排序

##  3) 举例 ##

//--- 数组的创建
        
        // 动态添加数据
        var arr = new Array();
        arr[0] = "A";
        arr[1] = "B";
        arr["K"] = "kkk";
        // length = 2, 但可引用 arr["K"]
    
    
        // 创建时初始化数据
        var arr2 = new Array("A", "B");
    
        // 初始化数组大小
        var arr3 = new Array(2); // length = 2
        // 注: 可动态扩充
    
    /*
        ① arr.concat(arr1[,arr2,...])        连接数组
        ② arr.join(separator)       所有元素放入一个字符串,分隔符隔开
        ③ arr.pop()                 删除最后一个元素,并返回
        ④ arr.push(val1[,val2,..])  末尾添加元素，并返回新的长度。
        ⑤ arr.reverse()             颠倒数组中元素的顺序
        ⑥ arr.shift()               删除第一个元素,并返回
           arr.unshift(var1[,...])   往数组头部添加元素 ,并返回新的长度
        ⑦ arr.sort([sortby])        排序          
    */
        
        arr  = ["a", "b", "c", "d"];
        arr2 = ["e", "f"];
    
        //--- concat() toString() join()
        arr = arr.concat(arr2);
        // a,b,c,d,e,f
    
        console.info( arr.toString() );
    
        console.info( arr.join( "-" ) );
        // a-b-c-d-e-f
    
        //--- pop()
        console.info( arr.pop() );  // f
        console.info( arr.toString() ); // a,b,c,d,e
    
        arr  = ["a", "b", "c", "d"];
    
        //--- push()
        console.info( arr.push(1, 2) ); // 6
        console.info( arr.toString() ); // a,b,c,d,1,2
    
        //--- reverse()
        arr  = ["a", "b", "c", "d"];
        arr.reverse();
        console.info( arr.toString() ); // d,c,b,a
    
        //--- shift() unshift()
        arr  = ["a", "b", "c", "d"];
        
        console.info( arr.shift() );    // a
        console.info( arr.toString() ); // b,c,d
    
        console.info( arr.unshift(1, 2) ); // 5
        console.info( arr.toString() );    // 1,2,b,c,d 
    
        //--- sort() 默认升序
        arr = [2, 6, 3, 1, 4];
        console.info( arr.sort() ); // [1, 2, 3, 4, 6]
        console.info( arr.toString() );//1,2,3,4,6
    
        // 降序
        arr = [5, 2, 6, 3, 1, 4];
        arr.sort(function(x, y){
            return y - x;
        });
    
        console.info( arr.toString() ); // 6,5,4,3,2,1
    
        console.info("over...");

# 6. Boolean #

将 布尔值 包装成对象

##  1) 常用方法 ##

toString() 把逻辑值转换为字符串，并返回结果  
valueOf() 返回 Boolean 对象的原始值。

##  2) 举例 ##

var bool = new Boolean(true);
    
        console.info( bool.toString() );
        console.info( bool.valueOf() );
        console.info( typeof bool.valueOf() );

# 7. Number  #

##  1) 常用属性 ##

MAX\_VALUE 可表示的最大的数。  
MIN\_VALUE 可表示的最小的数。  
NaN 非数字值。

##  2) 常用方法 ##

num.toString(radix) 换为字符串，使用指定的基数 2 ~ 36。  
num.toFixed(n) 转为字符串，指定位数的小数 0 ~ 20。

##  3) 举例 ##

console.info( Number.MAX_VALUE );
        // 1.7976931348623157e+308
      
        var num = new Number(10);
    
        console.info( num.toString(2) ); // 1010
        console.info( num.toString(3) ); // 101
        console.info( num.toString(4) ); // 22
    
        num = new Number(1.23456);
    
        console.info( num.toFixed(2) ); // 1.23
        console.info( num.toFixed(3) ); // 1.235
        console.info( num.toFixed(10) );// 1.2345600000

# 8. 系统函数  #

直接可使用, 无需用类名或实例名调用  
参考: http://www.w3school.com.cn/js/jsref\_obj\_global.asp

##  1) 常用属性 ##

NaN 指示某个值是不是数字值。  
undefined 指示未定义的值, 变量只声明未赋值。  
Infinity 代表正的无穷大的数值。

##  2) 常用方法 ##

encodeURI(URIstring) 把字符串编码为 URI。  
decodeURI(URIstring) 解码某个编码的 URI。  
eval(string) 计算某个字符串,并当成JS来执行。  
isFinite() 检查某个值是否为有穷大的数。  
isNaN() 检查某个值是否是数字。  
parseFloat() 解析一个字符串并返回一个浮点数。  
parseInt() 解析一个字符串并返回一个整数。  
String() 把对象的值转换为字符串。

##  3) 举例 ##

//--- NaN
        console.info( NaN );
        console.info( parseInt("a") );
    
        //--- undefined
        console.info( undefined );
        var kk;
        console.info( kk );
    /*
        encodeURI(URIstring)     把字符串编码为 URI。
        decodeURI(URIstring)     解码某个编码的 URI。
        eval(string)    计算某个字符串,并当成JS来执行。
        isFinite()  检查某个值是否为有穷大的数。 
        isNaN()     检查某个值是否是数字。
        parseFloat()    解析一个字符串并返回一个浮点数。
        parseInt()  解析一个字符串并返回一个整数。
        String()    把对象的值转换为字符串。
    */
    
        //--- encodeURI decodeURI
        var uri = "http://www.baidu.com?key=张";
    
        var uriEncode = encodeURI(uri);
        var uriDecode = decodeURI(uriEncode);
    
        console.info(uri);
        console.info(uriEncode);
        console.info(uriDecode);
        /*
            http://www.baidu.com?key=张
            http://www.baidu.com?key=%E5%BC%A0
            http://www.baidu.com?key=张
        */
    
        //--- eval
        // eval("alert( '哇哈哈' )");
    
        //--- isFinite
        console.info( 1/0 ); 
        console.info( isFinite( 1/0 ) );
        /*
            Infinity
            false
        */
    
        //--- isNaN
        console.info( isNaN( "a" ) ); // true
    
        //--- parseFloat parseInt
        var floatNum = parseFloat("1.2");
        var intNum = parseInt( "123" );
    
        console.info( floatNum + "   " + typeof( floatNum ) );
        console.info( intNum + "   " + typeof( intNum ) );
        /*
            1.2   number
            123   number
        */