前端Javascript（四）---JS中的对象

来源：伴沃教育

JS中的常用对象

JS基于对象的脚本语言 ,有类和对象,但是没有封装,继承,多态,Java script 中有一些浏览器直接识别并使用的对象,常见的对象有Array,String对象,Math对象,Number对象,Date对象等等.

String和java中的String很类似,的常用方法

方法

方法	描述
	返回在指定位置的字符。
	返回在指定的位置的字符的 Unicode 编码。
	连接两个或更多字符串，并返回新的字符串。
	将 Unicode 编码转为字符。
	返回某个指定的字符串值在字符串中首次出现的位置。
	查找字符串中是否包含指定的子字符串。
	从后向前搜索字符串，并从起始位置（0）开始计算返回字符串最后出现的位置。
	查找找到一个或多个正则表达式的匹配。
	复制字符串指定次数，并将它们连接在一起返回。
	在字符串中查找匹配的子串，并替换与正则表达式匹配的子串。
	查找与正则表达式相匹配的值。
	提取字符串的片断，并在新的字符串中返回被提取的部分。
	把字符串分割为字符串数组。
	查看字符串是否以指定的子字符串开头。
	从起始索引号提取字符串中指定数目的字符。
	提取字符串中两个指定的索引号之间的字符。
	把字符串转换为小写。
	把字符串转换为大写。
	去除字符串两边的空白
	根据本地主机的语言环境把字符串转换为小写。
	根据本地主机的语言环境把字符串转换为大写。
	返回某个字符串对象的原始值。
	返回一个字符串。

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <script>
                        
                        // 根据索引获取字符
                        /*var str ="hello js";
                        var c =str.charAt(6);
                        console.log(c)*/
                        
                        // 拼接字符串
                        
                        var a="hi";
                        var b="good";
                        var c ="China";
                        
                        var d=c.concat(a,b);
                        console.log(d)
                        
                        
                        var e ="adsf";
                        var f=e.repeat(3);
                        console.log(f)
                        
                        
                        // 截取字符串
                        var g="helloJhon";
                        var h=g.substr(1,5);// 从哪里开始,连续截取多少个字符
                        console.log(h)
                        // 包头不包尾
                        var i=g.substring(1,7);// 从哪里开始,到哪里结束
                        console.log(i)
                        
                        // 获取长度
                        console.log(g.length)// length属性
                        
                        
                        // JS中非常特殊的一个函数,可以将一段字符串当做JS代码来执行
                        // 将字符串内容解析称JS代码并运行
                        var testStr=" var x =10 ";
                        eval(testStr);
                        console.log(x)
                        
                </script>
        </head>
        <body>
        </body>
</html>

Number的常用属性和方法(包装类)

属性

属性	描述
Number.MAX_VALUE	最大值
Number.MIN_VALUE	最小值
Number.NaN	非数字
Number.NEGATIVE_INFINITY	负无穷，在溢出时返回
Number.POSITIVE_INFINITY	正无穷，在溢出时返回
Number.EPSILON	表示 1 和比最接近 1 且大于 1 的最小 Number 之间的差别
Number.MIN_SAFE_INTEGER	最小安全整数。
Number.MAX_SAFE_INTEGER	最大安全整数。

数字方法

方法	描述
Number.parseFloat()	将字符串转换成浮点数，和全局方法作用一致。
Number.parseInt()	将字符串转换成整型数字，和全局方法作用一致。
Number.isFinite()	判断传递的参数是否为有限数字。
Number.isInteger()	判断传递的参数是否为整数。
Number.isNaN()	判断传递的参数是否为 isNaN()。
Number.isSafeInteger()	判断传递的参数是否为安全整数。

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <script>
                        console.log(Number.MAX_VALUE)
                        console.log(Number.MIN_VALUE)
                        console.log(Number.MAX_SAFE_INTEGER)
                        console.log(Number.MIN_SAFE_INTEGER)
                        
                        
                        console.log(Number.parseFloat("10.123")+20);
                        console.log(Number.parseInt("30")+20);
                        
                        
                        var i = 10%0;
                        var j = 10/0;
                        console.log(i)
                        console.log(j)
                        console.log(Number.isNaN(i)) // is not a number 是不是NAN
                        console.log(Number.isFinite(j))
                        console.log(Number.isSafeInteger(Number.MAX_VALUE))
                        console.log(Number.isSafeInteger(Number.MAX_SAFE_INTEGER))
                        
                </script>
        </head>
        <body>
        </body>
</html>

Math对象

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <script>
                        console.log(Math.round(3.))
                        console.log(Math.floor(3.14))// 地板数
                        console.log(Math.ceil(3.01))// 天花板数
                        console.log(Math.max(1,2,3,5.6))
                        console.log(Math.min(1,2,3,5.6))
                        console.log(Math.random())
                        console.log(Math.sqrt(16))
                        // 属性
                        console.log(Math.PI)
                        // 生成给定范围内的随机数
                        
                        var start =10;
                        var end =16;
                        var result =Math.floor(Math.random()*(end-start+1)+start);
                        console.log(result)
                        
                        
                </script>
        </head>
        <body>
        </body>
</html>

Date对象
Date 对象用于处理日期与时间。

创建 Date 对象： new Date()

以下四种方法同样可以创建 Date 对象：

var d = new Date();
var d = new Date(milliseconds);
var d = new Date(dateString);
var d = new Date(year, month, day, hours, minutes, seconds, milliseconds);

其他方法

方法名	方法描述
	从 Date 对象返回一个月中的某一天 (1 ~ 31)。
	从 Date 对象返回一周中的某一天 (0 ~ 6)。
	从 Date 对象以四位数字返回年份。
	返回 Date 对象的小时 (0 ~ 23)。
	返回 Date 对象的毫秒(0 ~ 999)。
	返回 Date 对象的分钟 (0 ~ 59)。
	从 Date 对象返回月份 (0 ~ 11)。
	返回 Date 对象的秒数 (0 ~ 59)。
	返回 1970 年 1 月 1 日至今的毫秒数。
	返回本地时间与格林威治标准时间 (GMT) 的分钟差。
	根据世界时从 Date 对象返回月中的一天 (1 ~ 31)。
	根据世界时从 Date 对象返回周中的一天 (0 ~ 6)。
	根据世界时从 Date 对象返回四位数的年份。
	根据世界时返回 Date 对象的小时 (0 ~ 23)。
	根据世界时返回 Date 对象的毫秒(0 ~ 999)。
	根据世界时返回 Date 对象的分钟 (0 ~ 59)。
	根据世界时从 Date 对象返回月份 (0 ~ 11)。
	根据世界时返回 Date 对象的秒钟 (0 ~ 59)。
getYear()	已废弃。请使用 getFullYear() 方法代替。
	返回1970年1月1日午夜到指定日期（字符串）的毫秒数。
	设置 Date 对象中月的某一天 (1 ~ 31)。
	设置 Date 对象中的年份（四位数字）。
	设置 Date 对象中的小时 (0 ~ 23)。
	设置 Date 对象中的毫秒 (0 ~ 999)。
	设置 Date 对象中的分钟 (0 ~ 59)。
	设置 Date 对象中月份 (0 ~ 11)。
	设置 Date 对象中的秒钟 (0 ~ 59)。
	setTime() 方法以毫秒设置 Date 对象。
	根据世界时设置 Date 对象中月份的一天 (1 ~ 31)。
	根据世界时设置 Date 对象中的年份（四位数字）。
	根据世界时设置 Date 对象中的小时 (0 ~ 23)。
	根据世界时设置 Date 对象中的毫秒 (0 ~ 999)。
	根据世界时设置 Date 对象中的分钟 (0 ~ 59)。
	根据世界时设置 Date 对象中的月份 (0 ~ 11)。
	setUTCSeconds() 方法用于根据世界时 (UTC) 设置指定时间的秒字段。
setYear()	已废弃。请使用 setFullYear() 方法代替。
	把 Date 对象的日期部分转换为字符串。
toGMTString()	已废弃。请使用 toUTCString() 方法代替。
	使用 ISO 标准返回字符串的日期格式。
	以 JSON 数据格式返回日期字符串。
	根据本地时间格式，把 Date 对象的日期部分转换为字符串。
	根据本地时间格式，把 Date 对象的时间部分转换为字符串。
	根据本地时间格式，把 Date 对象转换为字符串。
	把 Date 对象转换为字符串。
	把 Date 对象的时间部分转换为字符串。
	根据世界时，把 Date 对象转换为字符串。实例： var today = new Date();var UTCstring = today.toUTCString();
	根据世界时返回 1970 年 1 月 1 日到指定日期的毫秒数。
	返回 Date 对象的原始值。

<!DOCTYPE html>
<html>
        <head>
                <meta charset="UTF-8">
                <title></title>
                <script>
                        /*
                         * 在程序中 西方的月份编号从0开始
                         * 1 2 3 4 5 6 
                         * 0 1 2 3 4 5
                         * */
                        var today = new Date()
                        var d1 = new Date("October 13, 1975 11:13:00")
                        var d2 = new Date(79,5,24)
                        var d3 = new Date(79,5,24,11,33,0)
                        console.log(d1);
                        console.log(d2);
                        console.log(d3);
                        
                        
                        var d4 = new Date(2048,0,13,16,51,20,123)
                        console.log(d4)
                        // set***  略自己尝试一下
                        console.log(d4.getYear());// 和1900年的年份差
                        console.log(d4.getFullYear());// 完整的年份
                        console.log(d4.getMonth());
                        console.log(d4.getDate());
                        console.log(d4.getHours());
                        console.log(d4.getMinutes());
                        console.log(d4.getSeconds());
                        console.log(d4.getMilliseconds());
                        var d5 = new Date(2048,0,13,16,51,20,456)
                        console.log(d4<d5)
                        
                        
                        // 关于日期对象格式化处理
                        /*date对象的格式化方法*/
                        /*修改Date原型,添加一个format格式化的方法*/
                        Date.prototype.format = function(fmt){
                          var o = {
                            "M+" : this.getMonth()+1,                 //月份
                            "d+" : this.getDate(),                    //日
                            "h+" : this.getHours(),                   //小时
                            "m+" : this.getMinutes(),                 //分
                            "s+" : this.getSeconds(),                 //秒
                            "q+" : Math.floor((this.getMonth()+3)/3), //季度
                            "S"  : this.getMilliseconds()             //毫秒
                          };
                        
                          if(/(y+)/.test(fmt)){
                            fmt=fmt.replace(RegExp.$1, (this.getFullYear()+"").substr(4 - RegExp.$1.length));
                          }
                                
                          for(var k in o){
                            if(new RegExp("("+ k +")").test(fmt)){
                              fmt = fmt.replace(
                                RegExp.$1, (RegExp.$1.length==1) ? (o[k]) : (("00"+ o[k]).substr((""+ o[k]).length)));  
                            }       
                          }
                          return fmt;
                        }
                        
                        
                        var fmt=d4.format("yyyy-MM-dd hh:mm:ss");
                        console.log(fmt)
                        
                </script>
        </head>
        <body>
        </body>
</html>

因篇幅问题不能全部显示，请点此查看更多更全内容

查看全文

前端Javascript（四）---JS中的对象

JS中的常用对象

方法

Number的常用属性和方法(包装类)

属性

数字方法

Date对象 Date 对象用于处理日期与时间。

Date对象
Date 对象用于处理日期与时间。