JavaScript各類標籤的使用
內建物件:
Date
建立日期物件:
1.Date() 無參
2.Date(字串)
3.Date(年,月,日)
// 獲取當前時間,UTC世界時間,距1970年1月1日(世界標準時間)起的毫秒數
var now = new Date();
console.log(now.valueOf()); // 獲取距1970年1月1日(世界標準時間)起的毫秒數
Date建構函式的引數
1. 毫秒數 1498099000356 new Date(1498099000356)
2. 日期格式字串 '2015-5-1' new Date('2015-5-1')
3. 年、月、日…… new Date(2015, 4, 1) // 月份從0開始
使用物件:
ToString() 預設方法,可省略
valueOf() 輸出原始值
var now = new Date();
// valueOf用於獲取物件的原始值
console.log(date.valueOf())
// HTML5中提供的方法,有相容性問題
var now = Date.now();
// 不支援HTML5的瀏覽器,可以用下面這種方式
var now = + new Date(); // 呼叫 Date物件的valueOf()
getYear() 獲取從1900年至今的年數
getFullYear() 獲取四位數的年份
getMonth() 獲取的是從0至今的月份
getDay() 獲取星期幾
getTime() 獲取時間
getMinutes() 獲取當前時間的分
getSeconds() 獲取當前時間的秒
getHours() 獲取當時時間的小時,從0開始
get(Local)DateString() 獲取(本地)日期
Get(Local)TimeString() 獲取(本地)時間
日期格式化方法:
toString() // 轉換成字串
valueOf() // 獲取毫秒值
// 下面格式化日期的方法,在不同瀏覽器可能表現不一致,一般不用
toDateString()
toTimeString()
toLocaleDateString()
toLocaleTimeString()
獲取日期指定部分:
getTime() // 返回毫秒數和valueOf()結果一樣,valueOf()內部呼叫的getTime() getMilliseconds()
getSeconds() // 返回0-59
getMinutes() // 返回0-59
getHours() // 返回0-23
getDay() // 返回星期幾 0週日 6周6
getDate() // 返回當前月的第幾天
getMonth() // 返回月份,***從0開始***
getFullYear() //返回4位的年份 如 2016
計算時間差,返回相差的天/時/分/秒
function getinterval(start,end){
var day, hour,minute,second,interval;
interval = end - start;
interval /= 1000;
day = Math.round(interval / 60 /60 /24);
hour = Math.round(interval /60 /60 %24);
minute = Math.round(interval /60 % 60);
second = Math.round(interval % 60);
return{
day:day,
hour:hour,
minute:minute,
second:second
}
}
Array
建立陣列
字面量陣列: var arr = [[],[]];
通過構造建立陣列:var arr = new Array();
var arr = new Array(初始化元素);
```c
// 1. 使用建構函式建立陣列物件
// 建立了一個空陣列
var arr = new Array();
// 建立了一個陣列,裡面存放了3個字串
var arr = new Array('zs', 'ls', 'ww');
// 建立了一個陣列,裡面存放了4個數字
var arr = new Array(1, 2, 3, 4);
// 2. 使用字面量建立陣列物件
var arr = [1, 2, 3];
// 獲取陣列中元素的個數
console.log(arr.length);
``陣列物件的使用
直接輸出陣列物件,輸出的是原始值
valueOf() 也輸出的是原始值
toString() 輸入字串
push() 在陣列的尾部引數可以是單個元素,也可以是陣列
pop() 從尾部刪除指定的元素
unshift() 在陣列開始插入元素
Shift() 從陣列開始刪除元素,只能一個一個刪除
reverse() 反轉陣列,修改陣列本身
sort() 預設按unicode編碼排序
concat() 把陣列元素拼接上,返回一個新陣列
slice() 擷取陣列指定的元素,返回一個陣列,不包括最後的索引元素
splice() 從指定位置開始擷取指定長度的元素,返回一個新陣列
indexOf() 從開始查詢指定元素的索引
lastIndexOf() 從末尾查詢指定元素的索引
every() 引數是一個函式,函式自動接收三個引數:item,index,array,會對陣列中的每一個元素進行函式操作,只要陣列中的任一個元素沒有參與操作,就返回false,多用於檢查陣列元素.
forEach() 對陣列中的每個元素進行一次函式操作,沒有返回值
String 字串是不可變的
建立物件:
1 字面量方式: var str1 = “臺獨沒出路”;
2 建構函式建立物件 var str2 = new String(“迴歸是正道”);
字串的使用
charAt() 獲取指定位置的字元
charCodeAt() 獲取指定位置的字元unicode碼
字串物件[索引] 也可以通過索引獲取某個位置的字元
concat() 拼接字串
Slice() 從指定的起始和結束位置,擷取字串,不包括結束
當結束索引是負數時,真實結束位置等於字元的個數加上指定的結束位置
substring() 從指定的起始和結束位置,擷取字串,不包括結束
注意:1 兩引數以最小引數為起始位置,最大引數為結束位置
2 引數小於等於零時,都按零取值
substr() 從指定的起始位置,按推定長度擷取字串
indexOf() 獲取指定字元(串)的索引值,indexOf每次會從上次執行的位置開始
lastIndexOf() 從字串的尾部開始獲取指定字元(串)的索引值
trim() 刪除字串前後空格
to(Locale)UpperCase 將字元轉換成大寫
to(Locale)LowerCase 將字元轉換成小寫
search() 查詢指定字串的起始索引,或者按正規表示式查詢
replace(被替換的內容,替換內容)
split(“分割符”) 按指定的分割符把字串拆分成陣列,並返回
注:如果要把普通字串分割成陣列,分割符用不加空格的雙引號
formCharCode(unicode編碼列表,) 這個方法屬於String物件,把指定的一組編碼轉成字串
將一個字串陣列的元素的順序進行反轉。[“a”, “b”, “c”, “d”] -> [ “d”,“c”,“b”,“a”]。使用兩種種方式實現。
提示:第i個和第length-i-1個進行交換
function myReverse(arr) {
if (!arr || arr.length == 0) {
return [];
}
for (var i = 0; i < arr.length / 2; i++) {
var tmp = arr[i];
arr[i] = arr[this.length - i - 1];
arr[arr.length - i - 1] = tmp;
}
return arr;
}
var array = ['a', 'b', 'c'];
console.log(myReverse(array));
console.log(array.reverse());
補充:
Window.isNaN() 判斷一個變數是不是一個非數值的型別,如果是非數值型別,返回true
相關文章
- HTML的標籤分為哪幾類?各標籤語法格式是怎樣的?HTML
- JSTL各個標籤的解析以及使用JS
- HTML標籤(基本標籤的使用)HTML
- java <%!%>標籤和<%%>標籤的使用Java
- JavaScript <script>標籤JavaScript
- JavaScript 標籤語句JavaScript
- JS標籤的各種事件的舉例JS事件
- html標籤分類HTML
- javascript使用標籤包裹字串程式碼例項JavaScript字串
- 在a標籤的href與onclick中使用javascript的區別JavaScript
- HTML 標籤的使用HTML
- 通過JavaScript獲取標籤,修改標籤內容JavaScript
- JavaScript 模板字面量標籤JavaScript
- 常用的標籤分類有哪些
- JSTL標籤工具類JS
- javascript中各類的prototype屬性JavaScript
- HTML常用標籤的使用HTML
- s:iterator標籤的使用
- html標籤使用HTML
- PbootCMS可使用的列表標籤內容tags標籤呼叫boot
- javascript刪除字串中的html標籤JavaScript字串HTML
- JavaScript 動態建立style標籤JavaScript
- JavaScript獲取元素標籤名JavaScript
- HTML中的標籤的使用HTML
- 如何用jsp:setproperty標籤為自己寫的標籤類賦屬性JS
- 各種元標籤SEO優化的HTML模板大全優化HTML
- Jstl中標籤的使用JS
- HTML框架標籤的使用-<frameset>HTML框架
- JavaScript如何獲取元素的標籤型別JavaScript型別
- DEMO6:座標新增文字標籤的JavaScript外掛JavaScript
- 關於語義類標籤的新理解
- maven中的scope標籤類別詳解Maven
- JavaScript獲取head標籤物件JavaScript物件
- PbootCMS判斷標籤為空時不顯示各種條件判斷和標籤boot
- angular中使用a標籤的錨點Angular
- js--標籤語法的使用JS
- Jsp中param標籤的使用JS
- Maven屬性(properties)標籤的使用Maven