首頁  >  文章  >  web前端  >  js基礎提升學習之三種內建對象

js基礎提升學習之三種內建對象

php中世界最好的语言
php中世界最好的语言原創
2018-06-04 14:19:291714瀏覽

這次帶給大家js基礎提升學習之三種內建對象,使用js三種內建對象的注意事項有哪些,以下就是實戰案例,一起來看一下。

在這裡只了解三大內建對象,即字串、時間、陣列

什麼是內建物件?

內建物件就是指這個語言自帶的一些對象,供開發者使用,這些物件提供了一些常用的或是最基本而必要的功能。瀏覽器上面跑的JS的內建物件有Math, String,Array, Date, 還有剛才的location。這些物件你可以使用,但是通常不建議修改。 (聯想python進行學習)

作為一門程式語言,JavaScript提供了一些內建的物件和函數。內建物件提供程式設計的幾種最常用的功能。 JavaScript內建物件有以下幾種。

● Object:

● String物件:處理所有的字串運算 

● Math物件:處理所有的數學運算,幫助我們完成複雜的運算(靜態方法)

● Date物件:處理日期和時間的儲存、轉換和表達 

#● Array物件:提供一個陣列的模型、儲存大量有序的資料 

● Event物件:提供JavaScript事件的各種處理資訊

Object()、Date()、String()、Array()、Math(當然還有Number、Boolean、正規表示式RegExp,Function,這些就不多說啦)。以下簡單介紹下這五個物件常用到屬性和方法

內建物件都有自己的方法和屬性,存取的方法如下: 

物件名稱.屬性名稱 

物件名稱.方法名稱(參數表)

js基礎提升學習之三種內建對象

1、字串物件:

一般利用String物件提供的函數來處理字串。 String對字串的處理主要提供了下列方法。 

● charAt(idx):傳回指定位置的字元 

● indexOf(Chr):傳回指定子字串的位置,從左到右。找不到返回-1。 

● lastIndexOf(chr):傳回指定子字串的位置,從右到左。找不到返回-1。 

● toLowerCase():將字串中的字元全部轉換成小寫。 

● toUpperCase():將字串中的字元全部轉換成大寫。

str.length在字串中尋找字串:indexOf(); 內容匹配: match(); 替換內容: replace(“原生目標參數”,“替換後的參數”)或replace(RegExp ,replacement); 大小寫轉換:

toUpperCase()/toLowerCase() 分割轉為陣列:str.split(“,”)

還有,charAt()、charCodeAt() 、concat()、valueOf()、substr()、slice()、lastIndexOf()、substring()、search()….

接下來詳細的進行字串的功能:

功能1:計算字串的長度

js基礎提升學習之三種內建對象

在中間的空格不算位置

js基礎提升學習之三種內建對象

js基礎提升學習之三種內建對象

js基礎提升學習之三種內建對象

2、數學物件

Math物件

方法:

Math.pow(n,m)   n的m次方。

Math.abs(n)         n到原點的距離(n的絕對值)。

Math.round(n)      四捨五入取整。

Math.floor(n)        地板函數(向下擷取)。

Math.ceil(n)          天花板函數 (上已擷取)。

Math.random()      傳回0-1的隨機數(取不到1)。

注意:[n,m] 隨機數為了能取到n,m                Math.floor(Math.random())*(m-n 1) n)。

特殊字元

\r  回車

#\n  換行

注意的是,在python中random從數學對象中分離出來了,其他的語言中還在數學物件裡面

Math物件不想Date和String那樣是物件的類,因此沒有建構函數Math(),所以像Math.sin()這樣的只是函數不是物件的方法。透過Math作為物件使用就可以呼叫其所有屬性和方法如:

round()

Math.round(2.5)=3;random();parseInt(Math.random() *10);max();min();abs()絕對值;

js基礎提升學習之三種內建對象

js基礎提升學習之三種內建對象

js基礎提升學習之三種內建對象

#3、時間物件:

時間物件是JavaScript的內建物件,使用前必須先宣告。 

基本語法 

var curr=new Data(); 

注意這裡的關鍵字new的用法,Data()的首字母必須大寫。 

語法解釋 

利用new來宣告一個新的物件實體。使用new運算元的語法如下: 

實例物件名稱=new物件名稱(參數清單) 

Date物件提供了以下3類方法: 

● 從系統中取得目前的時間和日期 js基礎提升學習之三種內建對象

● 設定目前的日期和時間 

#● 在時間、日期相同字串之間完成轉換 

下表介紹了最常用的取得系統的時間和日期的方法 

Date物件中處理時間和日期的方法

處理日期和事件

##var date =new Date(); 常用方法:

getFullYear();getTime()毫秒數;setFullYear(),eg,date.setFullYear(2010,1,1);getDay(),取得星期幾; getDate(),取得哪一天;getHours()取得小時;getMinutes();getSeconds();

getMonth() 0~11。

相信看了本文案例你已經掌握了方法,更多精彩請關注php中文網其它相關文章!

推薦閱讀:#########js基礎提升學習之基本資料型別#############怎麼利用JS自訂雜湊表和順序列表# #####

以上是js基礎提升學習之三種內建對象的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn