js 陣列幾個常用API

2021-09-13 18:01:49 字數 1979 閱讀 4897

1.陣列方法 map();

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

var b = arr.map(el=>el+'a');  // arr.map((el)=>)

console.log(b) 

//   (6) ["1a", "2a", "3a", "4a", "5a", "6a"]

map:返回乙個陣列,其中每個元素都使用指定函式進行過轉換。

2.arr.filter()    返回乙個陣列,只有當指定函式返回true時,相應的元素才會被包含在這個陣列中。

var a=[

,, ,

,];var b = a.filter((e)=>);

console.log(b)

(2) [, ]

0: 1:

length: 2

__proto__: array(0)

3.arr.reduce()   基於給定函式累加值。

var arr = [1,2,3];

var b = arr.reduce((t,e)=>);

console.log(b) //6

4.arr.find()  返回與指定條件匹配的第乙個例項,不會繼續查詢其他匹配的例項

var a=[

,, ,

];var b = a.find((e)=>);

console.log(b)

//

5.arr.findindex() 這與find幾乎完全相同,但不返回第乙個匹配的元素,而是返回第乙個匹配元素的索引

var a=[

,, ,

];var b = a.findindex((e)=>);

console.log(b)

// 1

6.arr.indexof() 與 findindex 幾乎完全相同,但它的引數不是乙個函式,而是乙個簡單的值。

var a=[1,2,3,4,5,6]

var b = a.indexof(5);

console.log(b)

// 4

7.  push、pop、shift、unshift

var a=[1,2,3];

a.push(4) //[1,2,3,4] 尾部加

console.log(a);

a.pop() //[1,2,3] 尾部刪

console.log(a);

a.shift() //[2,3] 頭部刪

console.log(a);

a.unshift(9) //[9,2,3] 頭部加

console.log(a);

都是就地修改陣列

8.arr.splice(index,num,x)   

有三個引數為 向陣列中替換

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

arr.splice(2,0,9); //在位置2上刪除0個元素 並插入 9

console.log(arr)

//[1, 2, 9, 3, 4, 5, 6]

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

arr.splice(2,1,9); //在位置2上刪除1個元素 並插入 9

console.log(arr)

//[1, 2, 9, 4, 5, 6]

兩個引數   為刪除

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

arr.splice(2,1); //在陣列位置2 上刪除1個元素

console.log(arr)

// [1, 2, 4, 5, 6]

js陣列的常用api

將陣列的元素組起乙個字串,以separator為分隔符,省略的話則用預設用逗號為分隔符 var arr a b c console.log arr.join a,b,c console.log arr.join a b c將陣列中的某項用逗號隔開組成字串 this.editform.config4 ...

js中陣列常用api彙總

在此對js中陣列常用的api進行彙總。1.檢測陣列 判斷value是否為陣列型別 array.isarray value 2.轉換方法 將陣列colors轉化成以逗號分隔的字串 alert colors.tostring 3.棧 佇列方法 分別實現先進先出 後進先出的效果。var a 1 2,3 4...

JS陣列的幾個常用方法

1.shift 刪除原陣列第一項.2.unshift 將引數新增到原陣列開頭,並返回陣列的長度.3.pop 刪除原陣列最後一項,並返回刪除元素的值.4.push 將引數新增到原陣列末尾,並返回陣列的長度.5.concat 返回乙個新陣列,是將引數新增到原陣列中構成的 var ary1 1,2,3,4...