前端基礎之關於陣列的方法整理

2021-10-06 03:24:33 字數 3980 閱讀 6355

1、arr.push()從後面新增元素，返回值為新增完後陣列的長度,改變原陣列

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


console.log(arr.push(6)); //6


console.log(arr); // [1,2,3,4,5,6]
2、arr.pop()刪除陣列最後一項，返回值是刪除的元素,改變原陣列

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


console.log(arr.pop()); //6


console.log(arr); //[1,2,3,4,5]
3、arr.shift()刪除陣列第一項，返回值是刪除的元素,改變原陣列

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


console.log(arr.shift()); //1


console.log(arr); //[2,3,4,5]
4、arr.unshift()從前面增加元素，返回值是新增完後的陣列的長度，改變原陣列

let arr = [2,3,4,5];


console.log(arr.unshift(1)); //5


console.log(arr); //[1,2,3,4,5]
5、arr.splice(i,n)刪除從i（索引值）開始之後的n個元素（包括arr.[i]），返回值是刪除的元素組成的陣列，改變原陣列

let arr = [1,2,3,4,5]


console.log(arr.splice(1,3)); //[2,3,4]


console.log(arr); //[1,5]
6、arr.concat()連線兩個陣列，返回值為連線後的新陣列，不改變原陣列

let arr1 = [1,2];


let arr2 = [3,4,5];


console.log(arr1.concat(arr2)); // [1,2,3,4,5]


console.log(arr1); //[1,2]
7、arr.split()將字串轉化為陣列,不改變原字串

let str = '12345';


console.log(str.split('')); // ['1', '2', '3', '4', '5']


console.log(str.split('2')); //['1', '345']


console.log(str); //12345
8、arr.sort()將陣列進行排序,改變原陣列

let arr = [2,5,1,78,4,22,54];


console.log(arr.sort()); //[1, 2, 22, 4, 5, 54, 78]


console.log(arr.sort((a,b) => a-b)); //[1, 2, 4, 5, 22, 54, 78]


console.log(arr.sort((a,b) => b-a)); //[78, 54, 22, 5, 4, 2, 1]


console.log(arr); //[78, 54, 22, 5, 4, 2, 1]
9、arr.reverse()將陣列反轉，返回值是反轉後的陣列,改變原陣列

let arr = [5,7,3,6,8];


console.log(arr.reverse())；// [8, 6, 3, 7, 5]


console.log(arr)；// [8, 6, 3, 7, 5]
10、arr.slice(start, end)擷取arr[start]到arr[end-1]的陣列，不包含索引值為end的值，返回值是擷取的陣列，不改變原陣列

let arr = [8, 6, 3, 7, 5];


console.log(arr.slice(1,3)); //[6, 3]


console.log(arr.slice(1)); // [6, 3, 7, 5]


console.log(arr); //[8, 6, 3, 7, 5]
11、arr.foreach(callback)遍歷陣列，無return，即使return，也不會返回任何值，並且會影響原來的陣列

callback的引數：value（當前索引的值） index（索引）array（原陣列）

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


arr.foreach((value,index,arr) => );


console.log(arr); // [1, 2, 3, 4, 5]


arr.foreach((value,index,arr) => )


console.log(arr); // [3, 4, 5, 6, 7]
12、arr.map(callback)對映陣列(遍歷陣列),有return 返回乙個新陣列 。

callback的引數：value（當前索引的值） index（索引）array（原陣列）

let arr = [1,2,3,4,5]


arr.map( (value,index,array)=>    index:$     array:$`)


})   


console.log(arr)


var arr1 = [1,2,3,4]; 


var res1 = arr1.map((item,index,arr)=>)


console.log(arr1); // [1,2,3,4]


console.log(res1); // [3,6,9,12]
13、arr.filter(callback)過濾陣列，返回乙個滿足要求的陣列

callback的引數：value（當前索引的值） index（索引）

let arr = [1,2,3,4,5]


let arr1 = arr.filter( (value, index) => value<3)


console.log(arr1)    // [1, 2]
14、arr.every(callback)根據判斷條件，若陣列裡的元素全滿足，返回true,不改變原陣列

callback引數：value（當前索引的值） index（索引）

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


console.log(arr.every((value,index)=>value>3)) //false


console.log(arr.every((value,index)=>value<6)) //true


console.log(arr) // [1, 2, 3, 4, 5]
15、arr.some(callback)根據判斷條件，若陣列裡的元素有乙個滿足條件則返回true

callback的引數：value(當前索引的值) index(索引)

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


console.log(arr.some((value,index)=>value>3)) //true


console.log(arr.some((value,index)=>value>6)) //false


console.log(arr) // [1, 2, 3, 4, 5]

前端基礎 陣列的方法（二）

測試 let arr 1 3,5 2,3 7,6 9,2 console.time dedup let deduparr arr.dedup console.log deduparr console.timeend dedup 第一種方法 array.prototype.dedup function...

關於INVOKE方法的整理

99 的參考msdn，所以只能算 了，轉的msdn的帖子，o o 由於windows 窗體中的控制項被繫結到特定的執行緒，所以不具備執行緒安全性。因此，如果從另乙個執行緒呼叫控制項的方法，那麼必須使用控制項的乙個 invoke 方法來將呼叫封送到適當的執行緒。如何確定該控制項是否需要將呼叫封送呢？利...

關於許可權的測試方法整理

偶然聽到朋友談到關於使用者許可權的測試話題，並且近期剛好有乙個涉及不同許可權登入的關於後台管理方面的測試專案，於是有了把這類測試的方法整理一下的想法 首先了解需求等相關文件並對許可權的等級設定和劃分 不同許可權等級所能實現的功能要有很清晰的認識，下面列舉了大體測試用例的框架 1.首先分別使用不同許可...