常用的JavaScript方法

2021-08-18 21:47:58 字數 4491 閱讀 8680

陣列方法

判斷是否為陣列  array.isarray() 方法

var  arr=["1","2"];

var obj=;

function isarray(o)

console.log(isarray(obj))

1、push()  and  pop();

push();接收任意數量引數,新增到陣列末尾,返回陣列長度,會改變原陣列;

pop();刪除陣列末尾一項,返回被刪除的專案,會改變原陣列

2、shift()   and  unshift();

unshift(); 接收任意數量引數,新增到陣列開頭,返回陣列長度,會改變原陣列;

shift();刪除陣列第一項,返回被刪除的專案,會改變原陣列,

如果陣列為空則返回undefined 

3、reverse():反轉陣列項的順序,會改變原陣列

4、splice(index,howmany,item1,item2,.........,itemx) ; 實現陣列的插入、刪除、和替換

index:必需;整數,規定新增或刪除專案的位置,為負數則從陣列末尾開始

howmany:必需;要刪除的專案數量。如果設定為 0,則不會刪除專案。

item1-x:可選;向陣列新增的新專案

刪除:可以刪除任意數量的陣列項;傳入兩個引數,即刪除位置,和刪除項數splice(0,2);返回刪除專案,改變原陣列

var arr=["1","8","9","2","6","5"];

var arr1=arr.splice(2,1);//從下標為2的陣列元素為起始位置,刪除一項;返回刪除元素

var arr2=arr.splice(-1,2);//起始值為負數時從陣列最後往前數,第二項引數為空時,返回空陣列;

console.log(arr1);//["9"]

console.log(arr2);//['5'];我們看到第二引數是2,但是-1為倒數第二項,即為6,這時他後邊只有5這一項,所以返回為['5']

console.log(arr);//["1", "8","2", "6"]

插入:可在指定位置插入任意數量的項;可以刪除任意數量的項;3個引數:1>起始位置、2>要刪除的專案數量(0則不刪除)、3>要插入的專案(可以多個);例如splice(1,1,2,3)的意思就是從下標為1的陣列元素起始位置,刪除一項,新增2、3兩項;返回刪除專案,改變原陣列,第二引數為空時返回空陣列

var arr=["1","8","9","2","6","5"];

var arr1=arr.splice(2,1,5,6);//刪除一項,插入兩項;

var arr2=arr.splice(-1,0,11);//起始值為負數時從陣列最後往前數,-1即倒數第乙個,在『5』項前邊插入『11』項;返回空陣列;

console.log(arr1);//["9"]

console.log(arr2);//;

console.log(arr);//["1", "8", 5, 6, "2", "6", 11, "5"]-1即倒數第乙個,在『5』項前邊插入『11』項;返回空陣列;

console.log(arr1);//["9"]

console.log(arr2);//;

console.log(arr);//["1", "8", 5, 6, "2", "6", 11, "5"]

5、slice(start,end);

擷取陣列,返回新陣列,原陣列不會改變;擷取從開始位置到結束為止下標的所有項,組成乙個新陣列;引數只有一項時,獲取從指定位置到結尾;引數為負數時,從陣列末尾開始算起。-1為倒數第乙個,以此類推;包含開始不包含結尾;

var arr = [1,3,5,7,9,11];

var arrcopy = arr.slice(1);//乙個引數,從3開始到結尾

var arrcopy2 = arr.slice(1,4);//兩個引數,3-9,因為不包含結尾一項,所以是3、5、7

var arrcopy3 = arr.slice(1,-2);//有負數時,從陣列末尾開始算;-2位倒數第二項,所以3-9,不包含最後一項;所以3、5、7

var arrcopy4 = arr.slice(-4,-1);//5-11;不包含11;5、7、9

console.log(arr); //[1, 3, 5, 7, 9, 11](原陣列沒變)

console.log(arrcopy); //[3, 5, 7, 9, 11]

console.log(arrcopy2); //[3, 5, 7]

console.log(arrcopy3); //[3, 5, 7]

console.log(arrcopy4); //[5, 7, 9]

6、every();

判斷陣列中每一項是否符合條件;都符合時才會返回true;

var arr = [1, 2, 3, 4, 5];

var arr2 = arr.every(function(x) );

console.log(arr2); //true

var arr3 = arr.every(function(x) );

console.log(arr3); // false

7、some();

判斷陣列中每一項是否符合條件;只要有一項符合就返回true;

var arr = [1, 2, 3, 4, 5];

var arr2 = arr.some(function(x) );

console.log(arr2); //true

var arr3 = arr.some(function(x) );

console.log(arr3); // false

8、filter();

「過濾功能」,陣列中每一項執行給定的函式,返回滿足過濾條件組成的陣列

var arr = [1, 2, 3, 4, 5, 6, 7, 8, 9, 10];

var arr2 = arr.filter(function(x, index) );

console.log(arr2); //[1, 4, 7, 8, 9, 10]

9、foreach(item,index,arr);

遍歷陣列方法;該方法無返回值;引數分別為陣列每一項,陣列下標,陣列本身

var arr = [1, 2, 3, 4, 5];

arr.foreach(function(x, index, a));

// 輸出為:

// 1|0|true

// 2|1|true

// 3|2|true

// 4|3|true

// 5|4|true

10、indexof(val,index);lastindexof(val,index);

indexof();檢索指定項是否存在陣列中,若存在,則返回第一次出現的下標,不存在,則返回-1;兩個引數,檢索項和開始檢索的位置

lastindexof();接收兩個引數:要查詢的項和(可選的)表示查詢起點位置的索引。其中, 從陣列的末尾開始向前查詢。

var arr = [1,3,5,7,7,5,3,1];

console.log(arr.indexof(5)); //2

console.log(arr.lastindexof(5)); //5

console.log(arr.indexof(5,2)); //2

console.log(arr.lastindexof(5,4)); //2

console.log(arr.indexof("5")); //-1

時間換算;毫秒轉年月日

date.prototype.tolocalestring = function() ;//補0  

function getzf(num)   

return num;    

} alert(new date(1493827200000).tolocalestring())

11、object.assign()

用於將所有可列舉的屬性值從乙個或者多個源物件複製到目標物件,並且返回目標物件

javascript 常用方法

let current date.now new date gettime 複製 var hasclass function e,c 複製 addclass var addclass function e,c 將類名進行切割 然後新增新的類名 再拼接器類 var newclass e.classna...

JavaScript 陣列的常用方法

js陣列中的應用 陣列title 陣列的宣告 var arr 1,2,3,4,5 alert arr.length 獲取陣列的長度 5 arr.length 3 設定陣列的長度 document.write arr 清空陣列 arr.length 0 arr陣列為空 在尾部追加元素,可乙個可多個 a...

javascript常用互動方法

1.輸出內容 document.write 2.確認 confirm str 返回值為boolean型別 function rec 3.提問 prompt str str str1 要顯示的訊息對話方塊中的文字,不可修改 str2 文字框中的內容,可以修改 var myname prompt 請輸入...