Javascript 筆記與總結（2-4）Javascript 內建物件

weixin_33831673發表於2015-04-25
JavaScript筆記物件

① String 字串物件

fromCharCode()    靜態方法, 用作為引數而傳遞的字元程式碼建立一個新的字串。
length    字串的長度。

charAt()    抽取字串中指定位置的字元。

charCodeAt()    返回字串中指定位置的字元編碼。
concat()    把一個或多個值連線到字串上。
indexOf()    在字串中檢索一個字元或一個子串。

lastIndexOf()    在字串中向後檢索一個字元或一個子串。

localeCompare()    用本地特定順序來比較兩個字串。
match()    用正規表示式執行模式匹配。
replace()    用正規表示式執行查詢、替換操作。

search()    檢索字串中與正規表示式匹配的子串。

slice()    返回字串的一個片斷或一個子串。

split()    把字串分割成一個字串陣列,在指定的分界字元處或正規表示式處執行分割。

substring()    從字串中抽取一個子串。
substr()    從字串中抽取一個子串。
toLowerCase()    把字串中所有字元轉換成小寫的,然後返回一個副本。

toString()    返回原始的字串值。
toUpperCase()    把字串中所有字元轉換成大寫的,然後返回一個副本。

valueOf()    返回原始字串值。

 【例】indexOf()，在字串中檢索一個字元或一個子串，並且返回字元或字串的位置

<script>

var str = "phpMyAdmin";
//查詢字串中是否有php
console.log(str.indexOf("php"));
console.log(str.indexOf("php") >-1 ?"find":"not find");
//查詢字串中是否有python
console.log(str.indexOf("python"));
console.log(str.indexOf("python") >-1 ?"find":"not find");

</script>

輸出：

0（位置是0）

find

-1（沒有找到）

not find

 

【例】

var light = document.getElementById("light");
if(light.src.indexOf("on") > -1){
    light.src = "off.jpg";    
}else{
    light.src = "on.jpg";
}

開關燈特效（根據圖片名稱切換狀態）

 

② Date 日期物件

getDate()    返回月中的某一天。
getDay()    返回一週中的某一天。
getFullYear()    返回日期中的年份。（4位）

getUTCFullYear()    同上。
getHours()    返回物件的小時欄位。

getUTCHours()    同上。
getMilliseconds()    返回物件的毫秒欄位。

getUTCMilliseconds()    同上。
getMinutes()    返回物件的分鐘欄位。

getUTCMinutes()    同上。
getMouth()    返回物件的月份欄位。（值域是0-11）

getUTCMouth()    同上。
getSeconds()    返回物件的秒欄位。

getUTCSeconds()    同上。

getTime()    返回物件內部的毫秒錶示。

getTimezoneoffset()    返回這個日期的本地時間和UTC表示之間的時差,以分鐘為單位。
getYear()    推薦使用getFullYear()。（2位或4位）

setDate()   設定物件月中的某一天。

setUTCDate()    同上。

setFullYear()    設定物件中的年份欄位。

setUTCFullYear()    同上。

setHours()    設定物件的小時欄位。

setUTCHours()    同上。

setMilliseconds()    設定物件的毫秒欄位。

setUTCMilliseconds()    同上。

setMinutes()    設定物件的分鐘欄位。

setUTCMinutes()    同上。

setMouth()    設定物件的月份欄位。

setUTCMouth()    同上。

setSeconds()    設定物件的秒欄位。

setUTCSeconds()    同上。

setTime()    使用毫秒的形式設定物件的各個欄位。

setYear()    推薦使用setFullYear()。

toDateString()    返回日期的日期部分的字串表示。

toGMTString()    推薦使用toUTCString()。

toLacaleDataString()    返回日期的日期部分的字串表示。

toLocaleString()    將物件轉換成一個字串。

toLacaleTimeString()    返回日期的時間部分的字串表示。

toString()    將物件轉換成一個字串。

toTimeString()    將物件轉換成一個字串。

toString()    返回日期的時間部分的字串表示。

toUTCString()    將物件轉換成一個字串。

valueOf()    將物件轉換成它的內部毫秒格式。

parse()    靜態方法，解析日期和時間的字串表示,返回它的內部毫秒錶示。

UTC()    靜態方法，返回指定的UTC日期和時間的毫秒錶示。

Date 物件需要明確製造。var dt = new Date();

 

【例】getFullYear()

<script>

var dt = new Date();
var y = dt.getFullYear();
console.log(y);

</script>

 輸出：2015 

 

【例】頁面上顯示時間

<script>
function setTime(){
    var day="";
    var month="";
    var ampm="";
    var ampmhour="";
    var myweekday="";
    var year="";
    var myHours="";
    var myMinutes="";
    var mySeconds="";

    var dt = new Date();
    myweekday=dt.getDay();
    mymonth=parseInt(dt.getMonth()+1)<10?"0"+(dt.getMonth()+1):dt.getMonth()+1;
    myday= dt.getDate();
    myyear= dt.getYear();
    myHours = dt.getHours();
    myMinutes = dt.getMinutes();
    mySeconds = parseInt(dt.getSeconds())<10?"0"+dt.getSeconds():dt.getSeconds();
    year=(myyear > 200) ? myyear : 1900 + myyear;
    if(myweekday == 0)
    weekday=" 星期日 ";
    else if(myweekday == 1)
    weekday=" 星期一 ";
    else if(myweekday == 2)
    weekday=" 星期二 ";
    else if(myweekday == 3)
    weekday=" 星期三 ";
    else if(myweekday == 4)
    weekday=" 星期四 ";
    else if(myweekday == 5)
    weekday=" 星期五 ";
    else if(myweekday == 6)
    weekday=" 星期六 ";
     datetime.innerText=year+"年"+mymonth+"月"+myday+"日 "+myHours+":"+myMinutes+":"+mySeconds+" "+weekday;
    setTimeout("setTime()",1000);
}
setTime();
</script>

 輸出：2015年04月25日 13:12:49 星期六（每秒自動顯示新時間）

 

 

③ Math 數學物件

Math.PI    常量π。
ceil(數值)    對一個數上舍入（大於或等於該數的最小整數）。
floor(數值)    對一個數下舍入（小於或等於該數的最大整數）。
max(數值1,數值2)    返回最大值。
min(數值1,數值2)    返回最小值。
pow(數值1,數值2)    計算數值1的數值2次方。
random()    返回隨機數0-1。
round(數值)    四捨五入。

sqrt(數值)    開平方根。

Math 物件不需要 new，直接 Mtah.屬性 即可（類似 PHP 中的靜態方法，不需要例項化直接呼叫靜態類中的方法）。Math 的方法全是靜態方法。

【例】ceil

<script>
console.log(Math.ceil(10.1));
</script>

輸出：11

 

【例】random 返回 [0,1)

<script>

//返回 [0,1) 的隨機數
console.log(Math.random());

//返回 [5,10] 的隨機數
console.log(Math.random() * 5 + 5);

</script>

輸出：（如）

0.05129604251123965

7.089222565991804

 

④ 陣列物件

length    陣列包含的元素的個數。
concat()    給陣列新增元素(此操作原陣列的值不變)。
join()    把陣列中所有元素轉換成字串,然後連線起來。
pop()    刪除並返回陣列最後一個元素。
push()    把一個元素新增到陣列的尾部,返回值為陣列的新長度(Bug:ver1.2中,將返回陣列最後一個元素)。
reverse()    在原陣列上顛倒陣列中元素的順序。
shift()    刪除並返回陣列的頭部元素。
slice()    返回陣列的一個子陣列,該方法不修改原陣列(Bug:在IE4中start不能為負數)。
sort()    從原陣列上對陣列進行排序。
splice()    插入,刪除,替換一個陣列元素。

toLocalString()    把陣列轉換成一個區域性字串。

toString()    把陣列轉換成一個字串。
unshift()    在陣列頭部插入一個元素, 返回值為陣列的新長度。

 

 （其他還有 Obj 物件、Argument 物件、Boolean 物件、Number 物件、RegExp 物件）

 

 

 

參考：

JavaScript 核心參考教程 內建物件

相關文章