菜鳥前端日記10 (原生JS 陣列的操作方法)

2021-08-10 14:25:28 字數 2625 閱讀 2389

陣列的定義:

1.字面量定義:

var arr=[1,2,3,a,b];

2.例項建立

var arr=new

array(5)//長度為5

var arr=new

array(1,2,3,4,5)//長度為5,值為[1,2,3,4,5]

陣列的操作方法:

1.push()

作用:給陣列尾部新增元素。

語法:arr.push(value1,value2….)

引數:要新增的元素,可以是乙個也可以是多個。

返回值:原陣列改變為新增後的陣列,返回新陣列的長度。

2.pop()

作用:把陣列最後乙個元素刪除。

語法:arr.pop()

引數:無參

返回值:原陣列改變為刪除後的陣列,返回被刪除的元素。

3.unshift()

作用:給陣列首部新增元素。

語法:arr.unshift(value1,value2….)

引數:要新增的元素,可以是乙個也可以是多個。

返回值:原陣列改變為新增後的陣列,返回新陣列的長度。

4.shift()

作用:把陣列第乙個元素刪除。

語法:arr.shift()

引數:無參

返回值:原陣列改變為刪除後的陣列,返回被刪除的元素。

5.join()

作用:把陣列變成字串。

語法:arr.join(separator)

引數:separator是連線符,將陣列的每一項用連線符連線成字串;沒有引數時預設逗號為連線符;空字元時直接將陣列的每一項連線起來。

返回值:原陣列不改變,返回轉換後的字串。

6.reverse()

作用:顛倒陣列。

語法:arr.reverse()

引數:無參

返回值:原陣列改變為顛倒後的陣列,返回新陣列。

7.concat()

作用:連線陣列,組成新陣列。

語法:arr.concat(value1,value2….)

引數:需要與arr陣列連線的陣列,可以是陣列名、陣列、非陣列;沒有引數時轉殖該陣列。

返回值:原陣列不改變,返回連線後的陣列。、

8.slice()

作用:擷取陣列。

語法:arr.slice(m,n)

引數:擷取位置從m到n(不包含n),乙個引數時從該處到末尾,沒引數時轉殖該陣列。

返回值:原陣列不改變,返回擷取到的陣列。

9.splice()

作用:用新元素替換舊元素。

語法:arr.splice(start,deletecount,item)

引數:從start位置,刪除deletecount個元素,把item放進來。兩個引數時從start開始擷取deletecount個元素,乙個引數時從start到末尾刪除元素。

返回值:原陣列改變為替換後的陣列,返回被刪除的資料組成的陣列。

10.sort()

作用:對陣列進行排序

語法:陣列.sort(comparefunction)

引數:用來指定按某種順序對陣列進行排序。若無引數按assci碼值進行排序,函式裡有兩個引數a,b。

return a-b 從小到大的順序去排列小於0 從大到小

return b-a 從大到小的順序去排列

返回值:排序後的陣列,原陣列改變,變成排序後的陣列。

菜鳥前端日記5(原生JS 流程控制語句)

if else語句 格式 if 條件1 else if 條件2 else 條件會轉換為布林值 true false switch語句 格式 switch n for語句 格式 for 條件初始 條件判斷 條件變化 執行步驟 for var i 0 i 10 i 1 i 0 給i賦初值0 2 i 10...

js陣列原生方法的實現

1 陣列遍歷foreach 自定義foreach param fn 待執行方法 function foreach fn 2 陣列對映map 自定義map param fn 待執行方法 function map fn return list 3陣列過濾filter 自定義filter param fn...

JS陣列方法的原生實現

該方法接受任意個引數,然後新增到陣列的末尾 function push arr,arg push 接受任意個引數,按照順序新增到陣列末尾,返回新的陣列長度 return arr.length 該方法刪除並返回陣列的最後乙個元素,如果陣列為空,返回undefined function pop arr ...