前端學習之隨筆
alert()函數:
顯示一個消息框,以便向用戶發送通知或警告信息。
顯示的消息框是模態的。
在alert()函數的括號中指定消息框中的消息,它稱為函數的參數(parameter)。
prompt()函數需要如下兩個信息:
要顯示的文本,通常用於提醒用戶輸入信息。
第一次顯示提示對話框時,在輸入框中包含的默認值。
parseInt()函數:
將字符轉換成整數。
工作方式:解析字符串的每個字符,檢查該字符是不是一個有效的數字。如果是,parseInt()函數將使用這個數字來生成字符串對應的數值。否則,命令就停止轉換,並返回之前轉換的數值。
parseFloat()函數的工作機制與parseInt()類似,只是它返回浮點數,並把小數點視為數值的一部分進行解析。
如果使用parseInt()函數或parseFloat()函數處理空字符串,或者不以有效數字開頭的字符串,就返回NaN值,表示“Not a Number”。
string對象
indexOf()和lasIndexOf()方法――在一個字符串中查找另一個字符串
indexOf()從字符串開頭或者指定位置開始搜索,lasIndexOf()從結尾或指定位置向開頭搜索
substr()和substring()方法――復制字符串的一個子串
可用來從字符串中提取一個子串,並賦予另一個變量,或者用在表達式中。
substring()兩個參數:子串的開始位置和子串中最後一個字符後面的字符位置。第二個參數可選,如果不包含它,則子串包含從開始位置到字符串末尾的所有字符。
substr()與substring()相似,第二個參數是要從長字符串中提取的子串的長度。
toLowerCase()和toUpperCase()方法――轉換大小寫
charAt()和charCodeAt()方法――從字符串中選取一個字符
charAt()方法接受一個參數:所選字符在字符串中的索引位置。返回該字符。
charCodeAt()方法與charAt()類似,但是它返回的是該字符在Unicode字符集中的十進制編碼。
fromCharCode()方法――將字符編碼轉換為字符串
它是一個靜態方法――不必創建String對象,就可以使用,總是可用的。適合與變量一起使用。
trim()方法――去掉字符串兩端的空格
Array對象
length屬性――獲得數組中元素的個數
push()方法――添加元素
concat()方法――連接數組
slice()方法——復制數組的一部分
slice()方法有兩個參數:欲復制的第一個元素的索引;表示所復制末尾的元素索引(可選)
包含起始元素,結束元素不在其中。如果沒有第二個參數,則復制從起始索引之後的所有元素。
join()方法——將數組轉換成單個字符串
將數組中所有元素連接起來,並返回一個字符串。
sort()方法——對數組排序
排序基於Unicode編碼,升序順序排列。
reverse()方法——反轉數組元素的順序
當與sort()方法結合使用,reverse()方法可以把數組中的字母或數字反序排列。
indexOf()和lastIndexOf()方法——查找數組元素
叠代數組,但不使用循環
下面五個方法(every() some() filter() forEach() map())稱為叠代方法,這些方法在叠代數組時,會在每個元素上執行用戶定義的函數。
函數遵循規則:必須接受3個參數
function functionName(value,index,array){
}
第一個是元素的值,第二個是元素的索引,第三個是數組本身。
every() some() filter()方法——測試每個元素
every()方法測試數組中所有元素是否通過了函數中的測試。所有元素通過返回ture。
some()方法測試數組中某些元素是否通過了函數中的測試。一些元素通過就返回ture。
filter()方法對數組中的每個元素執行某函數,如果該函數對某個元素返回ture,就把該元素添加到filter()方法返回的另一個數組中。
forEach() map()方法——操作元素
以某種方式使用數組中的元素執行某類操作。forEach()方法對數組中的每一個元素都執行操作,但不能返回任何值。
map()方法對數組中的每一個元素都執行一個給定的函數,但也返回一個包含函數執行結果的新數組。
Math對象
提供大量有效的數學函數和數值操作方法。
abs()方法——返回傳入參數的絕對值
min()和max()方法——查找最大值和最小值
比較大小,可以接受多個數字,可以是整數或浮點數。
舍入方法
ceil()方法——把數值向上修整到最接近的最小整數
floor()方法——把數值向下修整到最接近的最小整數
round()方法——小數部分大於0.5向上修整,小於0.5向下修整
參數 | parseInt()返回 | ceil()返回 | floor()返回 | round() |
10.25 | 10 | 11 | 10 | 10 |
10.75 | 10 | 11 | 10 | 11 |
10.5 | 10 | 11 | 10 | 11 |
-10.25 | -10 | -10 | -11 | -10 |
-10.75 | -10 | -10 | -11 | -11 |
-10.5 | -10 | -10 | -11 | -10 |
random()方法——返回一個0~1之間的隨機浮點數,包含0但不包括1。適合顯示隨機的橫幅圖像或編寫JavaScript遊戲。
pow()方法——計算一個數的指定冪
兩個參數,第一個參數是底數,第二個參數是指數。
Number對象
toFixed()方法——指定點處截斷一個數字
不僅截去多余的小數位,還會進行四舍五入操作。註意,只能修整小數位數為0~20的數字。
Date對象
創建Date對象(四種方法)
(1)var theDate1 = new Date();
聲明一個新的Date對象,不初始化。此時,日期和時間值將設置為運行該腳本的PC機的當前日期和時間。
(2)var theDate2 = new Date(949278000000);
定義Date對象時,傳入從GMT(格林威治標準時間)1970年1月1日00:00:00開始所經過的毫秒數。例子中日期是GMT2000年1月31日00:20:00。
(3)var theDate3 = new Date(“31 january 2014”);
傳入一個表示日期或日期和時間的字符串。
(4)var theDate4 = new Date(2014,0,31,15,35,20,20);
初始化時傳入用逗號分隔的如下參數:年,月,日,小時,分鐘,秒,毫秒。
獲得日期值
方法 | 返回值 |
getDate() | 月份中的第幾天 |
getDay() | 表示星期幾的整數,其中,0表示星期日,1表示星期一,以此類推 |
getMonth() | 表示月份的整數,其中,0表示一月,1表示二月,以此類推 |
getFullYear() | 以四位數表示的年份 |
toDateString() | 基於當前時區,返回一個便於人們閱讀的完整日期字符串,如“Wed 31 Dec 2000” |
設置日期值
方法 | 說明 |
setDate() | 月中的某一天作為參數傳入,以設置日期 |
setMonth() | 年中的某一月作為整數參數傳入,其中,0表示一月,1表示二月,以此類推 |
setFullYear() | 把年份設置為作為參數傳入的4位整數 |
獲得時間值
getHour()
getMinutes()
getSeconds()
getMilliseconds()
toTimeString()
設置時間值
setHour()
setMinutes()
setSeconds()
setMilliseconds()
引用類型由三部分組成:
構造函數
方法定義
屬性
前端學習之隨筆