JavaScript內建物件的使用
阿新 • • 發佈：2019-02-04
什麼是物件
JavaScript 中的所有事物都是物件，如:字串、數值、陣列、函式等，每個物件帶有屬性和方法。
物件的屬性：反映該物件某些特定的性質的，如：字串的長度、影象的長寬等；
物件的方法：能夠在物件上執行的動作。例如，表單的“提交”(Submit)，時間的“獲取”(getYear)等；
JavaScript 提供多個內建物件，比如 String、Date、Array 等等，使用物件前先定義，如下使用陣列物件：
var objectName =new Array();//使用new關鍵字定義物件
或者
var objectName =[];
訪問物件屬性的語法:
objectName.propertyName
如使用 Array 物件的 length 屬性來獲得陣列的長度：
var myarray=new Array(6);//定義陣列物件
var myl=myarray.length;//訪問陣列長度length屬性
以上程式碼執行後，myl的值將是：6
訪問物件的方法：
objectName.methodName()
如使用string 物件的 toUpperCase() 方法來將文字轉換為大寫：
var mystr="Hello world!";//建立一個字串
var request=mystr.toUpperCase(); //使用字串物件方法
以上程式碼執行後，request的值是：HELLO WORLD!
Date 日期物件
日期物件可以儲存任意一個日期，並且可以精確到毫秒數（1/1000 秒）。
定義一個時間物件 :
var Udate=new Date();
注意:使用關鍵字new，Date()的首字母必須大寫。
使 Udate 成為日期物件，並且已有初始值：當前時間(當前電腦系統時間)。
如果要自定義初始值，可以用以下方法：
var d = new Date(2012, 10, 1); //2012年10月1日
var d = new Date('Oct 1, 2012'); //2012年10月1日
我們最好使用下面介紹的“方法”來嚴格定義時間。
訪問方法語法：“<日期物件>.<方法>”
Date物件中處理時間和日期的常用方法：
返回/設定年份方法
var mydate=new Date();//當前時間2014年3月6日
document.write(mydate+"<br>");//輸出當前時間
document.write(mydate.getFullYear()+"<br>");//輸出當前年份
mydate.setFullYear(81); //設定年份
document.write(mydate+"<br>"); //輸出年份被設定為 0081年。
注意:不同瀏覽器， mydate.setFullYear(81)結果不同，年份被設定為 0081或81兩種情況。
結果:
Thu Mar 06 2014 10:57:47 GMT+0800
2014
Thu Mar 06 0081 10:57:47 GMT+0800
注意:
1.結果格式依次為：星期、月、日、年、時、分、秒、時區。(火狐瀏覽器)
2. 不同瀏覽器，時間格式有差異
返回星期方法
getDay() 返回星期，返回的是0-6的數字，0 表示星期天。如果要返回相對應“星期”，通過陣列完成，程式碼如下:
<script type="text/javascript">
var mydate=new Date();//定義日期物件
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
//定義陣列物件,給每個陣列項賦值
var mynum=mydate.getDay();//返回值儲存在變數mynum中
document.write(mydate.getDay());//輸出getDay()獲取值
document.write("今天是："+ weekday[mynum]);//輸出星期幾
</script>
注意：以上程式碼是在2014年3月7日，星期五執行。
結果:
5
今天是：星期五
返回/設定時間方法
get/setTime() 返回/設定時間，單位毫秒數，計算從 1970 年 1 月 1 日零時到日期物件所指的日期的毫秒數。
如果將目前日期物件的時間推遲1小時，程式碼如下:
<script type="text/javascript">
var mydate=new Date();
document.write("當前時間："+mydate+"<br>");
mydate.setTime(mydate.getTime() + 60 * 60 * 1000);
</script>
document.write("推遲一小時時間：" + mydate);
結果:
當前時間：Thu Mar 6 11:46:27 UTC+0800 2014
推遲一小時時間：Thu Mar 6 12:46:27 UTC+0800 2014
注意:1. 一小時 60 分，一分 60 秒，一秒 1000 毫秒
2. 時間推遲 1 小時,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”
String 字串物件
在之前的學習中已經使用字串物件了，定義字串的方法就是直接賦值。比如：
var mystr = "I love JavaScript!"
定義mystr字串後，我們就可以訪問它的屬性和方法。
訪問字串物件的屬性length:
stringObject.length; 返回該字串的長度。
var mystr="Hello World!";
var myl=mystr.
length
;
以上程式碼執行後，myl 的值將是：12
訪問字串物件的方法：
使用 String 物件的 toUpperCase() 方法來將字串小寫字母轉換為大寫：
var mystr="Hello world!";
var mynum=mystr.toUpperCase();
以上程式碼執行後，mynum 的值是：HELLO WORLD!
返回指定位置的字元
charAt() 方法可返回指定位置的字元。返回的字元是長度為 1 的字串。
語法:
stringObject.charAt(index)
引數說明：
注意：1.字串中第一個字元的下標是 0。最後一個字元的下標為字串長度減一（string.length-1）。
2.如果引數 index 不在 0 與 string.length-1 之間，該方法將返回一個空字串。
如:在字串 "I love JavaScript!" 中，返回位置2的字元：
<script type="text/javascript">
var mystr="I love JavaScript!"
document.write(mystr.charAt(2));
</script>
注意：一個空格也算一個字元。
以上程式碼的執行結果：
l
返回指定的字串首次出現的位置
indexOf() 方法可返回某個指定的字串值在字串中首次出現的位置。
語法
stringObject.indexOf(substring, startpos)
引數說明：
說明：
1.該方法將從頭到尾地檢索字串 stringObject，看它是否含有子串 substring。
2.可選引數，從stringObject的startpos位置開始查詢substring，如果沒有此引數將從stringObject的開始位置查詢。
3.如果找到一個 substring，則返回 substring 的第一次出現的位置。stringObject 中的字元位置是從 0 開始的。
注意：1.indexOf() 方法區分大小寫。
2.如果要檢索的字串值沒有出現，則該方法返回 -1。
例如: 對 "I love JavaScript!" 字串內進行不同的檢索：
<script type="text/javascript">
var str="I love JavaScript!"
document.write(str.indexOf("I") + "<br />");
document.write(str.indexOf("v") + "<br />");
</script>
document.write(str.indexOf("v",8));
以上程式碼的輸出：
0
4
9
字串分割split()
知識講解：
split() 方法將字串分割為字串陣列，並返回此陣列。
語法：
stringObject.split(separator,limit)
引數說明:
注意：如果把空字串 ("") 用作 separator，那麼 stringObject 中的每個字元之間都會被分割。
我們將按照不同的方式來分割字串：
使用指定符號分割字串，程式碼如下:
var mystr = "www.imooc.com";
document.write(mystr.split(".")+"<br>");
document.write(mystr.split(".", 2)+"<br>");
執行結果:
www,imooc,com
www,imooc
將字串分割為字元，程式碼如下：
document.write(mystr.split("")+"<br>");
document.write(mystr.split("", 5));
執行結果:
w,w,w,.,i,m,o,o,c,.,c,o,m
w,w,w,.,i
提取字串substring()
substring() 方法用於提取字串中介於兩個指定下標之間的字元。
語法:
stringObject.substring(startPos,stopPos)
引數說明:
注意：
1. 返回的內容是從 start開始(包含start位置的字元)到 stop-1 處的所有字元，其長度為 stop 減start。
2. 如果引數 start 與 stop 相等，那麼該方法返回的就是一個空串（即長度為 0 的字串）。
3. 如果 start 比 stop 大，那麼該方法在提取子串之前會先交換這兩個引數。
使用 substring() 從字串中提取字串，程式碼如下：
<script type="text/javascript">
var mystr="I love JavaScript";
document.write(mystr.substring(7));
document.write(mystr.substring(2,6));
</script>
執行結果:
JavaScript
love
提取指定數目的字元substr()
substr() 方法從字串中提取從 startPos位置開始的指定數目的字串。
語法:
stringObject.substr(startPos,length)
引數說明:
注意：如果引數startPos是負數，從字串的尾部開始算起的位置。也就是說，-1 指字串中最後一個字元，-2 指倒數第二個字元，以此類推。
如果startPos為負數且絕對值大於字串長度，startPos為0。
使用 substr() 從字串中提取一些字元，程式碼如下：
<script type="text/javascript">
var mystr="I love JavaScript!";
document.write(mystr.substr(7));
document.write(mystr.substr(2,4));
</script>
執行結果：
JavaScript!
love
Math物件
Math物件，提供對資料的數學計算。
使用 Math 的屬性和方法，程式碼如下：
<script type="text/javascript">
var mypi=Math.PI;
document.write(mypi);
var myabs=Math.abs(-15);
</script>
document.write(myabs);
執行結果:
3.141592653589793
15
注意：Math 物件是一個固有的物件，無需建立它，直接把 Math 作為物件使用就可以呼叫其所有屬性和方法。這是它與Date,String物件的區別。
Math 物件屬性
Math 物件方法
向上取整ceil()
ceil() 方法可對一個數進行向上取整。
語法:
Math.ceil(x)
引數說明:
注意：它返回的是大於或等於x，並且與x最接近的整數。
我們將把 ceil() 方法運用到不同的數字上，程式碼如下：
<script type="text/javascript">
document.write(Math.ceil(0.8) + "<br />")
document.write(Math.ceil(6.3) + "<br />")
document.write(Math.ceil(3.5) + "<br />")
document.write(Math.ceil(5) + "<br />")
</script>
document.write(Math.ceil(-5.1) + "<br />")
document.write(Math.ceil(-5.9))
執行結果：
1
7
4
5
-5
-5
向下取整floor()
floor() 方法可對一個數進行向下取整。
語法:
Math.floor(x)
引數說明：
注意：返回的是小於或等於x，並且與 x 最接近的整數。
我們將在不同的數字上使用 floor() 方法，程式碼如下:
<script type="text/javascript">
document.write(Math.floor(0.8)+ "<br>")
document.write(Math.floor(6.3)+ "<br>")
document.write(Math.floor(3.5)+ "<br>")
document.write(Math.floor(5)+ "<br>")
</script>
document.write(Math.floor(-5.1)+ "<br>")
document.write(Math.floor(-5.9))
執行結果：
0
6
3
5
JavaScript 中的所有事物都是物件，如:字串、數值、陣列、函式等，每個物件帶有屬性和方法。
物件的屬性：反映該物件某些特定的性質的，如：字串的長度、影象的長寬等；
物件的方法：能夠在物件上執行的動作。例如，表單的“提交”(Submit)，時間的“獲取”(getYear)等；
JavaScript 提供多個內建物件，比如 String、Date、Array 等等，使用物件前先定義，如下使用陣列物件：
var objectName =new Array();//使用new關鍵字定義物件
或者
var objectName =[];
訪問物件屬性的語法:
objectName.propertyName
如使用 Array 物件的 length 屬性來獲得陣列的長度：
var myarray=new Array(6);//定義陣列物件
var myl=myarray.length;//訪問陣列長度length屬性
以上程式碼執行後，myl的值將是：6
訪問物件的方法：
objectName.methodName()
如使用string 物件的 toUpperCase() 方法來將文字轉換為大寫：
var mystr="Hello world!";//建立一個字串
var request=mystr.toUpperCase(); //使用字串物件方法
以上程式碼執行後，request的值是：HELLO WORLD!
Date 日期物件
日期物件可以儲存任意一個日期，並且可以精確到毫秒數（1/1000 秒）。
定義一個時間物件 :
var Udate=new Date();
注意:使用關鍵字new，Date()的首字母必須大寫。
使 Udate 成為日期物件，並且已有初始值：當前時間(當前電腦系統時間)。
如果要自定義初始值，可以用以下方法：
var d = new Date(2012, 10, 1); //2012年10月1日
var d = new Date('Oct 1, 2012'); //2012年10月1日
我們最好使用下面介紹的“方法”來嚴格定義時間。
訪問方法語法：“<日期物件>.<方法>”
Date物件中處理時間和日期的常用方法：
返回/設定年份方法
get/setFullYear() 返回/設定年份，用四位數表示。var mydate=new Date();//當前時間2014年3月6日
document.write(mydate+"<br>");//輸出當前時間
document.write(mydate.getFullYear()+"<br>");//輸出當前年份
mydate.setFullYear(81); //設定年份
document.write(mydate+"<br>"); //輸出年份被設定為 0081年。
注意:不同瀏覽器， mydate.setFullYear(81)結果不同，年份被設定為 0081或81兩種情況。
結果:
Thu Mar 06 2014 10:57:47 GMT+0800
2014
Thu Mar 06 0081 10:57:47 GMT+0800
注意:
1.結果格式依次為：星期、月、日、年、時、分、秒、時區。(火狐瀏覽器)
2. 不同瀏覽器，時間格式有差異
返回星期方法
getDay() 返回星期，返回的是0-6的數字，0 表示星期天。如果要返回相對應“星期”，通過陣列完成，程式碼如下:
<script type="text/javascript">
var mydate=new Date();//定義日期物件
var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
//定義陣列物件,給每個陣列項賦值
var mynum=mydate.getDay();//返回值儲存在變數mynum中
document.write(mydate.getDay());//輸出getDay()獲取值
document.write("今天是："+ weekday[mynum]);//輸出星期幾
</script>
注意：以上程式碼是在2014年3月7日，星期五執行。
結果:
5
今天是：星期五
返回/設定時間方法
get/setTime() 返回/設定時間，單位毫秒數，計算從 1970 年 1 月 1 日零時到日期物件所指的日期的毫秒數。
如果將目前日期物件的時間推遲1小時，程式碼如下:
<script type="text/javascript">
var mydate=new Date();
document.write("當前時間："+mydate+"<br>");
mydate.setTime(mydate.getTime() + 60 * 60 * 1000);
</script>
document.write("推遲一小時時間：" + mydate);
結果:
當前時間：Thu Mar 6 11:46:27 UTC+0800 2014
推遲一小時時間：Thu Mar 6 12:46:27 UTC+0800 2014
注意:1. 一小時 60 分，一分 60 秒，一秒 1000 毫秒
2. 時間推遲 1 小時,就是: “x.setTime(x.getTime() + 60 * 60 * 1000);”
String 字串物件
在之前的學習中已經使用字串物件了，定義字串的方法就是直接賦值。比如：
var mystr = "I love JavaScript!"
定義mystr字串後，我們就可以訪問它的屬性和方法。
訪問字串物件的屬性length:
stringObject.length; 返回該字串的長度。
var mystr="Hello World!";
var myl=mystr.
length
;
以上程式碼執行後，myl 的值將是：12
訪問字串物件的方法：
使用 String 物件的 toUpperCase() 方法來將字串小寫字母轉換為大寫：
var mystr="Hello world!";
var mynum=mystr.toUpperCase();
以上程式碼執行後，mynum 的值是：HELLO WORLD!
返回指定位置的字元
charAt() 方法可返回指定位置的字元。返回的字元是長度為 1 的字串。
語法:
stringObject.charAt(index)
引數說明：
注意：1.字串中第一個字元的下標是 0。最後一個字元的下標為字串長度減一（string.length-1）。
2.如果引數 index 不在 0 與 string.length-1 之間，該方法將返回一個空字串。
如:在字串 "I love JavaScript!" 中，返回位置2的字元：
<script type="text/javascript">
var mystr="I love JavaScript!"
document.write(mystr.charAt(2));
</script>
注意：一個空格也算一個字元。
以上程式碼的執行結果：
l
返回指定的字串首次出現的位置
indexOf() 方法可返回某個指定的字串值在字串中首次出現的位置。
語法
stringObject.indexOf(substring, startpos)
引數說明：
說明：
1.該方法將從頭到尾地檢索字串 stringObject，看它是否含有子串 substring。
2.可選引數，從stringObject的startpos位置開始查詢substring，如果沒有此引數將從stringObject的開始位置查詢。
3.如果找到一個 substring，則返回 substring 的第一次出現的位置。stringObject 中的字元位置是從 0 開始的。
注意：1.indexOf() 方法區分大小寫。
2.如果要檢索的字串值沒有出現，則該方法返回 -1。
例如: 對 "I love JavaScript!" 字串內進行不同的檢索：
<script type="text/javascript">
var str="I love JavaScript!"
document.write(str.indexOf("I") + "<br />");
document.write(str.indexOf("v") + "<br />");
</script>
document.write(str.indexOf("v",8));
以上程式碼的輸出：
0
4
9
字串分割split()
知識講解：
split() 方法將字串分割為字串陣列，並返回此陣列。
語法：
stringObject.split(separator,limit)
引數說明:
注意：如果把空字串 ("") 用作 separator，那麼 stringObject 中的每個字元之間都會被分割。
我們將按照不同的方式來分割字串：
使用指定符號分割字串，程式碼如下:
var mystr = "www.imooc.com";
document.write(mystr.split(".")+"<br>");
document.write(mystr.split(".", 2)+"<br>");
執行結果:
www,imooc,com
www,imooc
將字串分割為字元，程式碼如下：
document.write(mystr.split("")+"<br>");
document.write(mystr.split("", 5));
執行結果:
w,w,w,.,i,m,o,o,c,.,c,o,m
w,w,w,.,i
提取字串substring()
substring() 方法用於提取字串中介於兩個指定下標之間的字元。
語法:
stringObject.substring(startPos,stopPos)
引數說明:
注意：
1. 返回的內容是從 start開始(包含start位置的字元)到 stop-1 處的所有字元，其長度為 stop 減start。
2. 如果引數 start 與 stop 相等，那麼該方法返回的就是一個空串（即長度為 0 的字串）。
3. 如果 start 比 stop 大，那麼該方法在提取子串之前會先交換這兩個引數。
使用 substring() 從字串中提取字串，程式碼如下：
<script type="text/javascript">
var mystr="I love JavaScript";
document.write(mystr.substring(7));
document.write(mystr.substring(2,6));
</script>
執行結果:
JavaScript
love
提取指定數目的字元substr()
substr() 方法從字串中提取從 startPos位置開始的指定數目的字串。
語法:
stringObject.substr(startPos,length)
引數說明:
注意：如果引數startPos是負數，從字串的尾部開始算起的位置。也就是說，-1 指字串中最後一個字元，-2 指倒數第二個字元，以此類推。
如果startPos為負數且絕對值大於字串長度，startPos為0。
使用 substr() 從字串中提取一些字元，程式碼如下：
<script type="text/javascript">
var mystr="I love JavaScript!";
document.write(mystr.substr(7));
document.write(mystr.substr(2,4));
</script>
執行結果：
JavaScript!
love
Math物件
Math物件，提供對資料的數學計算。
使用 Math 的屬性和方法，程式碼如下：
<script type="text/javascript">
var mypi=Math.PI;
document.write(mypi);
var myabs=Math.abs(-15);
</script>
document.write(myabs);
執行結果:
3.141592653589793
15
注意：Math 物件是一個固有的物件，無需建立它，直接把 Math 作為物件使用就可以呼叫其所有屬性和方法。這是它與Date,String物件的區別。
Math 物件屬性
Math 物件方法
向上取整ceil()
ceil() 方法可對一個數進行向上取整。
語法:
Math.ceil(x)
引數說明:
注意：它返回的是大於或等於x，並且與x最接近的整數。
我們將把 ceil() 方法運用到不同的數字上，程式碼如下：
<script type="text/javascript">
document.write(Math.ceil(0.8) + "<br />")
document.write(Math.ceil(6.3) + "<br />")
document.write(Math.ceil(3.5) + "<br />")
document.write(Math.ceil(5) + "<br />")
</script>
document.write(Math.ceil(-5.1) + "<br />")
document.write(Math.ceil(-5.9))
執行結果：
1
7
4
5
-5
-5
向下取整floor()
floor() 方法可對一個數進行向下取整。
語法:
Math.floor(x)
引數說明：
注意：返回的是小於或等於x，並且與 x 最接近的整數。
我們將在不同的數字上使用 floor() 方法，程式碼如下:
<script type="text/javascript">
document.write(Math.floor(0.8)+ "<br>")
document.write(Math.floor(6.3)+ "<br>")
document.write(Math.floor(3.5)+ "<br>")
document.write(Math.floor(5)+ "<br>")
</script>
document.write(Math.floor(-5.1)+ "<br>")
document.write(Math.floor(-5.9))
執行結果：
0
6
3
5