什么是對(duì)象

JavaScript 中的所有事物都是對(duì)象，如:字符串、數(shù)值、數(shù)組、函數(shù)等，每個(gè)對(duì)象帶有屬性和方法。

對(duì)象的屬性：反映該對(duì)象某些特定的性質(zhì)的，如：字符串的長度、圖像的長寬等；

對(duì)象的方法：能夠在對(duì)象上執(zhí)行的動(dòng)作。例如，表單的“提交”(Submit)，時(shí)間的“獲取”(getYear)等；

JavaScript 提供多個(gè)內(nèi)建對(duì)象，比如 String、Date、Array 等等，使用對(duì)象前先定義，如下使用數(shù)組對(duì)象：

var objectName =new Array();//使用new關(guān)鍵字定義對(duì)象

或者

 var objectName =[];

訪問對(duì)象屬性的語法:

objectName.propertyName

如使用 Array 對(duì)象的 length 屬性來獲得數(shù)組的長度：

var myarray=new Array(6);//定義數(shù)組對(duì)象
var myl=myarray.length;//訪問數(shù)組長度length屬性

以上代碼執(zhí)行后，myl的值將是：6

訪問對(duì)象的方法：

objectName.methodName()

如使用string 對(duì)象的 toUpperCase() 方法來將文本轉(zhuǎn)換為大寫：

var mystr="Hello world!";//創(chuàng)建一個(gè)字符串
var request=mystr.toUpperCase(); //使用字符串對(duì)象方法

以上代碼執(zhí)行后，request的值是：HELLO WORLD!

Date 日期對(duì)象

日期對(duì)象可以儲(chǔ)存任意一個(gè)日期，并且可以精確到毫秒數(shù)（1/1000 秒）。

定義一個(gè)時(shí)間對(duì)象 :

var Udate=new Date();

注意:使用關(guān)鍵字new，Date()的首字母必須大寫。

使 Udate 成為日期對(duì)象，并且已有初始值：當(dāng)前時(shí)間(當(dāng)前電腦系統(tǒng)時(shí)間)。

如果要自定義初始值，可以用以下方法：

var d = new Date(2012, 10, 1); //2012年10月1日
var d = new Date('Oct 1, 2012'); //2012年10月1日

我們最好使用下面介紹的“方法”來嚴(yán)格定義時(shí)間。

訪問方法語法：“<日期對(duì)象>.<方法>”

Date對(duì)象中處理時(shí)間和日期的常用方法：

返回/設(shè)置年份方法

get/setFullYear() 返回/設(shè)置年份，用四位數(shù)表示。

var mydate=new Date();//當(dāng)前時(shí)間2014年3月6日
document.write(mydate+"<br>");//輸出當(dāng)前時(shí)間
document.write(mydate.getFullYear()+"<br>");//輸出當(dāng)前年份
mydate.setFullYear(81); //設(shè)置年份
document.write(mydate+"<br>"); //輸出年份被設(shè)定為 0081年。

注意:不同瀏覽器，mydate.setFullYear(81)結(jié)果不同，年份被設(shè)定為 0081或81兩種情況。

結(jié)果:

Thu Mar 06 2014 10:57:47 GMT+0800
2014
Thu Mar 06 0081 10:57:47 GMT+0800

注意:

• 結(jié)果格式依次為：星期、月、日、年、時(shí)、分、秒、時(shí)區(qū)。(火狐瀏覽器)
• 不同瀏覽器，時(shí)間格式有差異。

返回星期方法

getDay() 返回星期，返回的是0-6的數(shù)字，0 表示星期天。如果要返回相對(duì)應(yīng)“星期”，通過數(shù)組完成，代碼如下:

<script type="text/javascript">
 var mydate=new Date();//定義日期對(duì)象
 var weekday=["星期日","星期一","星期二","星期三","星期四","星期五","星期六"];
//定義數(shù)組對(duì)象,給每個(gè)數(shù)組項(xiàng)賦值
 var mynum=mydate.getDay();//返回值存儲(chǔ)在變量mynum中
 document.write(mydate.getDay());//輸出getDay()獲取值
 document.write("今天是："+ weekday[mynum]);//輸出星期幾
</script>

注意：以上代碼是在2016年3月2日，星期三運(yùn)行。

結(jié)果:

3
今天是：星期三

返回/設(shè)置時(shí)間方法

get/setTime() 返回/設(shè)置時(shí)間，單位毫秒數(shù)，計(jì)算從 1970 年 1 月 1 日零時(shí)到日期對(duì)象所指的日期的毫秒數(shù)。

如果將目前日期對(duì)象的時(shí)間推遲1小時(shí)，代碼如下:

<script type="text/javascript">
 var mydate=new Date();
 document.write("當(dāng)前時(shí)間："+mydate+"<br>");
 mydate.setTime(mydate.getTime() + 60 * 60 * 1000);
 document.write("推遲一小時(shí)時(shí)間：" + mydate);
</script>

結(jié)果:

當(dāng)前時(shí)間：Thu Mar 6 11:46:27 UTC+0800 2014

推遲一小時(shí)時(shí)間：Thu Mar 6 12:46:27 UTC+0800 2014

注意:

• 一小時(shí) 60 分，一分 60 秒，一秒 1000 毫秒
• 時(shí)間推遲 1 小時(shí),就是: “x.setTime(x.getTime() + 60 60 1000);”

String 字符串對(duì)象

定義字符串的方法就是直接賦值。比如：

var mystr = "I love JavaScript!"

定義mystr字符串后，我們就可以訪問它的屬性和方法。

訪問字符串對(duì)象的屬性length:

stringObject.length; 返回該字符串的長度。

var mystr="Hello World!";
var myl=mystr.length;

以上代碼執(zhí)行后，myl 的值將是：12

訪問字符串對(duì)象的方法：

使用 String 對(duì)象的 toUpperCase() 方法來將字符串小寫字母轉(zhuǎn)換為大寫：

var mystr="Hello world!";
var mynum=mystr.toUpperCase();

以上代碼執(zhí)行后，mynum 的值是：HELLO WORLD!

返回指定位置的字符

charAt() 方法可返回指定位置的字符。返回的字符是長度為 1 的字符串。

語法:

stringObject.charAt(index)

參數(shù)說明：

注意：

1.字符串中第一個(gè)字符的下標(biāo)是 0。最后一個(gè)字符的下標(biāo)為字符串長度減一（string.length-1）。

2.如果參數(shù) index 不在 0 與 string.length-1 之間，該方法將返回一個(gè)空字符串。

如:在字符串 "I love JavaScript!" 中，返回位置2的字符：

<script type="text/javascript">
 var mystr="I love JavaScript!"
 document.write(mystr.charAt(2));
</script>

注意：一個(gè)空格也算一個(gè)字符。

以上代碼的運(yùn)行結(jié)果：

l

返回指定的字符串首次出現(xiàn)的位置

indexOf() 方法可返回某個(gè)指定的字符串值在字符串中首次出現(xiàn)的位置。

語法

stringObject.indexOf(substring, startpos)

參數(shù)說明：

說明：

1.該方法將從頭到尾地檢索字符串 stringObject，看它是否含有子串 substring。

2.可選參數(shù)，從stringObject的startpos位置開始查找substring，如果沒有此參數(shù)將從stringObject的開始位置查找。

3.如果找到一個(gè) substring，則返回 substring 的第一次出現(xiàn)的位置。stringObject 中的字符位置是從 0 開始的。

注意：

1.indexOf() 方法區(qū)分大小寫。

2.如果要檢索的字符串值沒有出現(xiàn)，則該方法返回 -1。

例如: 對(duì) "I love JavaScript!" 字符串內(nèi)進(jìn)行不同的檢索：

<script type="text/javascript">
 var str="I love JavaScript!"
 document.write(str.indexOf("I") + "<br />");
 document.write(str.indexOf("v") + "<br />");
 document.write(str.indexOf("v",8));
</script>

以上代碼的輸出：

0
4
9

字符串分割split()

知識(shí)講解：

split() 方法將字符串分割為字符串?dāng)?shù)組，并返回此數(shù)組。

語法：

stringObject.split(separator,limit)

參數(shù)說明:

注意：如果把空字符串 ("") 用作 separator，那么 stringObject 中的每個(gè)字符之間都會(huì)被分割。

我們將按照不同的方式來分割字符串：

使用指定符號(hào)分割字符串，代碼如下:

var mystr = "www.baidu.com";
document.write(mystr.split(".")+"<br>");
document.write(mystr.split(".", 2)+"<br>");

運(yùn)行結(jié)果:

www,baidu,com
www,baidu

將字符串分割為字符，代碼如下：

document.write(mystr.split("")+"<br>");
document.write(mystr.split("", 5));

運(yùn)行結(jié)果:

w,w,w,.,b,a,i,d,u,.,c,o,m
w,w,w,.,b

提取字符串substring()

substring() 方法用于提取字符串中介于兩個(gè)指定下標(biāo)之間的字符。

語法:

stringObject.substring(starPos,stopPos)

參數(shù)說明:

注意：

返回的內(nèi)容是從 start開始(包含start位置的字符)到 stop-1 處的所有字符，其長度為 stop 減start。

如果參數(shù) start 與 stop 相等，那么該方法返回的就是一個(gè)空串（即長度為 0 的字符串）。

如果 start 比 stop 大，那么該方法在提取子串之前會(huì)先交換這兩個(gè)參數(shù)。

使用 substring() 從字符串中提取字符串，代碼如下：

<script type="text/javascript">
 var mystr="I love JavaScript";
 document.write(mystr.substring(7));
 document.write(mystr.substring(2,6));
</script>

運(yùn)行結(jié)果:

JavaScript
love

提取指定數(shù)目的字符substr()

substr() 方法從字符串中提取從 startPos位置開始的指定數(shù)目的字符串。

語法:

stringObject.substr(startPos,length)

參數(shù)說明:

注意：如果參數(shù)startPos是負(fù)數(shù)，從字符串的尾部開始算起的位置。也就是說，-1 指字符串中最后一個(gè)字符，-2 指倒數(shù)第二個(gè)字符，以此類推。

如果startPos為負(fù)數(shù)且絕對(duì)值大于字符串長度，startPos為0。

使用 substr() 從字符串中提取一些字符，代碼如下：

<script type="text/javascript">
 var mystr="I love JavaScript!";
 document.write(mystr.substr(7));
 document.write(mystr.substr(2,4));
</script>

運(yùn)行結(jié)果：

JavaScript!
love

Math對(duì)象

Math對(duì)象，提供對(duì)數(shù)據(jù)的數(shù)學(xué)計(jì)算。

使用 Math 的屬性和方法，代碼如下：

<script type="text/javascript">
 var mypi=Math.PI; 
 var myabs=Math.abs(-15);
 document.write(mypi);
 document.write(myabs);
</script>

運(yùn)行結(jié)果:

3.141592653589793
15

注意：Math 對(duì)象是一個(gè)固有的對(duì)象，無需創(chuàng)建它，直接把 Math 作為對(duì)象使用就可以調(diào)用其所有屬性和方法。這是它與Date,String對(duì)象的區(qū)別。

Math 對(duì)象屬性

Math 對(duì)象方法

向上取整ceil()

ceil() 方法可對(duì)一個(gè)數(shù)進(jìn)行向上取整。

語法:

Math.ceil(x)

注意：它返回的是大于或等于x，并且與x最接近的整數(shù)。

我們將把 ceil() 方法運(yùn)用到不同的數(shù)字上，代碼如下：

<script type="text/javascript">
 document.write(Math.ceil(0.8) + "<br />")
 document.write(Math.ceil(6.3) + "<br />")
 document.write(Math.ceil(5) + "<br />")
 document.write(Math.ceil(3.5) + "<br />")
 document.write(Math.ceil(-5.1) + "<br />")
 document.write(Math.ceil(-5.9))
</script>

運(yùn)行結(jié)果：

1
7
5
4
-5
-5

向下取整floor()

floor() 方法可對(duì)一個(gè)數(shù)進(jìn)行向下取整。

語法:

Math.floor(x)

參數(shù)說明：

注意：返回的是小于或等于x，并且與 x 最接近的整數(shù)。

我們將在不同的數(shù)字上使用 floor() 方法，代碼如下:

<script type="text/javascript">
 document.write(Math.floor(0.8)+ "<br>")
 document.write(Math.floor(6.3)+ "<br>")
 document.write(Math.floor(5)+ "<br>")
 document.write(Math.floor(3.5)+ "<br>")
 document.write(Math.floor(-5.1)+ "<br>")
 document.write(Math.floor(-5.9))
</script>

運(yùn)行結(jié)果：

0
6
5
3
-6
-6

四舍五入round()

round() 方法可把一個(gè)數(shù)字四舍五入為最接近的整數(shù)。

語法:

Math.round(x)

參數(shù)說明：

注意：

返回與 x 最接近的整數(shù)。

對(duì)于 0.5，該方法將進(jìn)行上舍入。(5.5 將舍入為 6)

如果 x 與兩側(cè)整數(shù)同等接近，則結(jié)果接近 +∞方向的數(shù)字值 。(如 -5.5 將舍入為 -5; -5.52 將舍入為 -6),如下圖:

把不同的數(shù)舍入為最接近的整數(shù),代碼如下：

<script type="text/javascript">
 document.write(Math.round(1.6)+ "<br>");
 document.write(Math.round(2.5)+ "<br>");
 document.write(Math.round(0.49)+ "<br>");
 document.write(Math.round(-6.4)+ "<br>");
 document.write(Math.round(-6.6));
</script>

運(yùn)行結(jié)果：

2
3
0
-6
-7

隨機(jī)數(shù) random()

random() 方法可返回介于 0 ~ 1（大于或等于 0 但小于 1 )之間的一個(gè)隨機(jī)數(shù)。

語法：

Math.random();

注意：返回一個(gè)大于或等于 0 但小于 1 的符號(hào)為正的數(shù)字值。

我們?nèi)〉媒橛?0 到 1 之間的一個(gè)隨機(jī)數(shù)，代碼如下：

<script type="text/javascript">
 document.write(Math.random());
</script>

運(yùn)行結(jié)果：

0.190305486195328

注意:因?yàn)槭请S機(jī)數(shù)，所以每次運(yùn)行結(jié)果不一樣，但是0 ~ 1的數(shù)值。

獲得0 ~ 10之間的隨機(jī)數(shù)，代碼如下:

<script type="text/javascript">
 document.write((Math.random())*10);
</script>

運(yùn)行結(jié)果：

8.72153625893887

Array 數(shù)組對(duì)象

數(shù)組對(duì)象是一個(gè)對(duì)象的集合，里邊的對(duì)象可以是不同類型的。數(shù)組的每一個(gè)成員對(duì)象都有一個(gè)“下標(biāo)”，用來表示它在數(shù)組中的位置，是從零開始的

數(shù)組定義的方法：

1.定義了一個(gè)空數(shù)組:

var  數(shù)組名= new Array();

2.定義時(shí)指定有n個(gè)空元素的數(shù)組：

var 數(shù)組名 =new Array(n);

3.定義數(shù)組的時(shí)候，直接初始化數(shù)據(jù)：

var  數(shù)組名 = [<元素1>, <元素2>, <元素3>...];

我們定義myArray數(shù)組，并賦值，代碼如下：

var myArray = [2, 8, 6];

說明：定義了一個(gè)數(shù)組 myArray，里邊的元素是：myArray[0] = 2; myArray[1] = 8; myArray[2] = 6。

數(shù)組元素使用：

數(shù)組名[下標(biāo)] = 值;

注意: 數(shù)組的下標(biāo)用方括號(hào)括起來，從0開始。

數(shù)組屬性：

length 用法：<數(shù)組對(duì)象>.length；返回：數(shù)組的長度，即數(shù)組里有多少個(gè)元素。它等于數(shù)組里最后一個(gè)元素的下標(biāo)加一。

數(shù)組方法：

數(shù)組連接concat()

concat() 方法用于連接兩個(gè)或多個(gè)數(shù)組。此方法返回一個(gè)新數(shù)組，不改變?cè)瓉淼臄?shù)組。

語法

arrayObject.concat(array1,array2,...,arrayN)

參數(shù)說明：

注意: 該方法不會(huì)改變現(xiàn)有的數(shù)組，而僅僅會(huì)返回被連接數(shù)組的一個(gè)副本。

我們創(chuàng)建一個(gè)數(shù)組，將把 concat() 中的參數(shù)連接到數(shù)組 myarr 中，代碼如下：

<script type="text/javascript">
 var mya = new Array(3);
 mya[0] = "1";
 mya[1] = "2";
 mya[2] = "3";
 document.write(mya.concat(4,5)+"<br>");
 document.write(mya); 
</script>

運(yùn)行結(jié)果：

1,2,3,4,5
1,2,3

我們創(chuàng)建了三個(gè)數(shù)組，然后使用 concat() 把它們連接起來，代碼如下：

<script type="text/javascript">
 var mya1= new Array("hello!")
 var mya2= new Array("I","love");
 var mya3= new Array("JavaScript","!");
 var mya4=mya1.concat(mya2,mya3);
 document.write(mya4);
</script>

運(yùn)行結(jié)果：

hello!,I,love,JavaScript,!

指定分隔符連接數(shù)組元素join()

join()方法用于把數(shù)組中的所有元素放入一個(gè)字符串。元素是通過指定的分隔符進(jìn)行分隔的。

語法：

arrayObject.join(分隔符)

參數(shù)說明:

注意：返回一個(gè)字符串，該字符串把數(shù)組中的各個(gè)元素串起來，用<分隔符>置于元素與元素之間。這個(gè)方法不影響數(shù)組原本的內(nèi)容。 我們使用join（）方法，將數(shù)組的所有元素放入一個(gè)字符串中，代碼如下：

<script type="text/javascript">
 var myarr = new Array(3);
 myarr[0] = "I";
 myarr[1] = "love";
 myarr[2] = "JavaScript";
 document.write(myarr.join());
</script>

運(yùn)行結(jié)果：

I,love,JavaScript

我們將使用分隔符來分隔數(shù)組中的元素，代碼如下：

<sript type="text/javascript">
 var myarr = new Array(3)
 myarr[0] = "I";
 myarr[1] = "love";
 myarr[2] = "JavaScript";
 document.write(myarr.join("."));
</script>

運(yùn)行結(jié)果：

I.love.JavaScript

顛倒數(shù)組元素順序reverse()

reverse() 方法用于顛倒數(shù)組中元素的順序。

語法：

arrayObject.reverse()

注意：該方法會(huì)改變?cè)瓉淼臄?shù)組，而不會(huì)創(chuàng)建新的數(shù)組。

定義數(shù)組myarr并賦值，然后顛倒其元素的順序：

<script type="text/javascript">
 var myarr = new Array(3)
 myarr[0] = "1"
 myarr[1] = "2"
 myarr[2] = "3"
 document.write(myarr + "<br />")
 document.write(myarr.reverse())
</script>

運(yùn)行結(jié)果：

1,2,3
3,2,1

選定元素slice()

slice() 方法可從已有的數(shù)組中返回選定的元素。

語法

arrayObject.slice(start,end)

參數(shù)說明：

1.返回一個(gè)新的數(shù)組，包含從 start 到 end （不包括該元素）的 arrayObject 中的元素。

該方法并不會(huì)修改數(shù)組，而是返回一個(gè)子數(shù)組。

注意：

可使用負(fù)值從數(shù)組的尾部選取元素。

2.如果 end 未被規(guī)定，那么 slice() 方法會(huì)選取從 start 到數(shù)組結(jié)尾的所有元素。

String.slice()與 Array.slice() 相似。

我們將創(chuàng)建一個(gè)新數(shù)組，然后從其中選取的元素，代碼如下：

<script type="text/javascript">
 var myarr = new Array(1,2,3,4,5,6);
 document.write(myarr + "<br>");
 document.write(myarr.slice(2,4) + "<br>");
 document.write(myarr);
</script>

運(yùn)行結(jié)果：

1,2,3,4,5,6
3,4
1,2,3,4,5,6

數(shù)組排序sort()

sort()方法使數(shù)組中的元素按照一定的順序排列。

語法:

arrayObject.sort(方法函數(shù))

參數(shù)說明：

1.如果不指定<方法函數(shù)>，則按unicode碼順序排列。

2.如果指定<方法函數(shù)>，則按<方法函數(shù)>所指定的排序方法排序。

myArray.sort(sortMethod);

注意: 該函數(shù)要比較兩個(gè)值，然后返回一個(gè)用于說明這兩個(gè)值的相對(duì)順序的數(shù)字。比較函數(shù)應(yīng)該具有兩個(gè)參數(shù) a 和 b，其返回值如下：

若返回值<=-1，則表示 A 在排序后的序列中出現(xiàn)在 B 之前。

若返回值>-1 && <1，則表示 A 和 B 具有相同的排序順序。 若返回值>=1，則表示 A 在排序后的序列中出現(xiàn)在 B 之后。

1.使用sort()將數(shù)組進(jìn)行排序，代碼如下：

<script type="text/javascript">
 var myarr1 = new Array("Hello","John","love","JavaScript"); 
 var myarr2 = new Array("80","16","50","6","100","1");
 document.write(myarr1.sort()+"<br>");
 document.write(myarr2.sort());
</script>

運(yùn)行結(jié)果：

Hello,JavaScript,John,love
1,100,16,50,6,80

注意:上面的代碼沒有按照數(shù)值的大小對(duì)數(shù)字進(jìn)行排序。

2.如要實(shí)現(xiàn)這一點(diǎn)，就必須使用一個(gè)排序函數(shù)，代碼如下：

<script type="text/javascript">
 function sortNum(a,b) {
 return a - b;
 //升序，如降序，把“a - b”該成“b - a”
}
 var myarr = new Array("80","16","50","6","100","1");
 document.write(myarr + "<br>");
 document.write(myarr.sort(sortNum));
</script>

運(yùn)行結(jié)果：

80,16,50,6,100,1
1,6,16,50,80,100

以上就是本文的全部內(nèi)容，希望本文的內(nèi)容對(duì)大家的學(xué)習(xí)或者工作能帶來一定的幫助，如果有疑問大家可以留言交流，同時(shí)也希望多多支持腳本之家！

最新評(píng)論