JavaScript各類標籤的使用

何志毅0112發表於2020-11-04

內建物件:
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

相關文章