Js 内置对象-优快云博客

1.什么是对象

1.1 什么是对象

js中的所有事物都是对象：字符串、数值、数组、函数...

每个对象都有属性和方法

1.2 自定义对象

1>定义并创建对象示例

2>使用函数来定义对象，然后创建新的对象实例

WhatIsObject.html

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <!--创建对象-->
 9         <script>
10             /*people=new Object();
11             people.name="iwen";
12             people.age="30";
13             document.write("name:"+people.name+",age:"+people.age);*/
14             
15             /*people={name:"iwen",age:"30"};
16             document.write("name:"+people.name+",age:"+people.age);*/
17             
18             function people(name,age){
19                 this._name=name;
20                 this._age=age;
21             }
22             son =new people("iwen",30);
23             document.write("name:"+son._name+",age:"+son._age);
24         </script>
25     </body>
26 </html>

2.String字符串对象

2.1 String对象

用于处理已有的字符串

字符串可以使用双引号或单引号

2.2 在字符串中查找字符串：indexOf()

2.3 内容匹配：match()

2.4 替换内容：replace()

2.5 字符串大小写转换：toUpperCase()/toLowerCase()

2.6 字符串转为数组：split()

StringObject.html

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <script>
 9             var str="hello And world";
10             document.write(str.indexOf("world"));//6
11             document.write(str.match("world"));//有则返回，无则返回null
12             document.write(str.replace("world","大海"));//替换
13             document.write(str.toUpperCase(str));//全部转换为大写
14             document.write(str.toLowerCase(str));//全部转换为小写
15             
16             var str1="Hello,And,World";
17             var s=str1.split(",");
18             document.write(s[1]);
19         </script>
20         
21         
22     </body>
23 </html>

字符串其他属性和方法

属性：length、prototype、constructor

方法：charAt()、charCodeAt、concat()、fromCharCode()、indexOf()、lastIndexOf()、match()、replace()、search()、slice()、substring()、substr()、valueOf、toLowerCase()、toUpperCase()、split()

3.Date日期对象

3.1 Date对象

日期对象用于处理日期和时间

3.2 获得当日的日期

3.3 常用方法：

getFullYear() 获取年份

getTime() 获取毫秒

setFullYear() 设置具体日期

getDay() 获取星期

3.4 时钟实例

DateObiect.html

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body onload="startTime()">
 8         <script type="text/javascript">
 9         var date=new Date();
10         document.write(date);
11             document.write("<br />");
12         document.write(date.getFullYear());
13             document.write("<br />");
14         document.write(date.getTime());
15             document.write("<br />");
16         date.setFullYear(2010,1,1);
17         document.write(date);
18         </script>
19         
20         <!--时钟-->
21         <div id="timetxt"></div>
22         <script>
23         function startTime(){
24             var today=new Date();
25             var h=today.getHours();
26             var m=today.getMinutes();
27             var s=today.getSeconds();
28             m=checkTime(m);
29             s=checkTime(s);
30             
31             document.getElementById("timetxt").innerHTML=h+":"+m+":"+s;
32             
33             setTimeout(function(){
34                 startTime();
35             },500);               //每0.5秒刷新变化
36         }
37         function checkTime(i){
38             if(i<10){
39                 i="0"+i;
40             }
41             return i;
42         }
43         </script>
44     </body>
45 </html>

4.数组对象

数组常用方法：

concat() 合并数组

sort() 排序

push() 末尾追加元素

reverse() 数组元素翻转

ArrayObject.html

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <script type="text/javascript">
 9             var a=["小海","小穆"];
10             var b=["小贺","小陈"];
11             var c=a.concat(b);
12             document.write(c);
13                document.write("<br />");
14                
15             var d=[4,1,3,2,5];
16             document.write(d.sort(function(a,b){   //我发现他只能排一位的数
17                 return b-a;
18             }));
19                document.write("<br />");
20             
21             var e=["a","b"];
22             e.push("c");
23             document.write(e);
24                document.write("<br />");
25             
26             var f=["a","b","c"];
27             f.reverse();
28             document.write(f);
29             
30         
31             
32         </script>
33         
34     </body>
35 </html>

5.Math对象

常用方法：

round() 四舍五入

random() 返回0-1之间任意数

max() 返回最大值

min() 返回最小值

abs() 返回绝对值

MathObject.html

 1 <!DOCTYPE html>
 2 <html>
 3     <head>
 4         <meta charset="UTF-8">
 5         <title></title>
 6     </head>
 7     <body>
 8         <script>
 9             document.write(Math.round(2.4));
10                 document.write("<br />");
11             document.write(parseInt(Math.random()*10));
12                 document.write("<br />");
13             document.write(Math.max(10,32,2,12,55))
14             document.write(Math.min(10,32,2,12,55))
15                 document.write("<br />");
16             document.write(Math.abs(-10));
17                 
18         </script>
19     </body>
20 </html>