腳本之家服務器常用軟件

快捷導航

javascript數(shù)組里的27個方法總合詳解

更新時間：2022年02月21日 17:19:01 作者：為什么不運行

這篇文章主要為大家詳細介紹了javascript數(shù)組里的方法27個總合，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下，希望能夠給你帶來幫助

1.concat()

concat() 方法用于連接兩個或多個數(shù)組。方法不會更改現(xiàn)有數(shù)組，而是返回一個新數(shù)組，其中包含已連接數(shù)組的值。

var str1 = [1,2,3,4,5,6]
var str2 = ['a','b','c','d','e']
console.log(str1.concat(str2));// [1, 2, 3, 4, 5, 6, 'a', 'b', 'c', 'd', 'e']

2.copyWithin()

copyWithin() 復制數(shù)組的一部分數(shù)據(jù)覆蓋到數(shù)組的另一個位置。會修改數(shù)組，但是不會修改數(shù)組的長度。

var str1 = [1,2,3,4,5,6]
// 從索引為0開始復制，到索引1結束(不包括結束位置)，替換到索引為2的位置，
console.log(str1.copyWithin(2,0,1));    //[1, 2, 1, 4, 5, 6]
// 因為省略一個參數(shù)，所以從索引為3位置后的所有元素，從索引為1開始復制替換
console.log(str1.copyWithin(1,3));    //[1, 4, 5, 6, 5, 6]

3.Object.entries()

返回一個數(shù)組，其元素是與直接在object上找到的可枚舉屬性鍵值對相對應的數(shù)組

var str3 = { 100: 'a', 2: 'b', 7: 'c' };
 console.log(Object.entries(str3));  //['2', 'b']['7', 'c']['100', 'a']

4.every()

every()方法用來判斷數(shù)組的所有元素是否都滿足指定的條件。

var str1 = [1,2,3,4,5,6]
// 創(chuàng)造一個函數(shù)來作為判斷條件
function checkAdult(value,index) {
     return value > 0;
 }
// every() 方法用來判斷數(shù)組的所有元素是否都滿足指定的條件。
console.log(str1.every(checkAdult));    //true

5.fill()

fill()方法用來把數(shù)組所有元素替換成靜態(tài)元素

var str1 = [1,2,3,4,5,6]
console.log(str1.fill(1));  //[1, 1, 1, 1, 1, 1]

6.filter()

它用于把Array的某些元素過濾掉，然后返回剩下的元素。

var str1 = [1,2,3,4,5,6]
console.log(str1.filter(function(x){return x > 2}));    //[3, 4, 5, 6]

7.find()和findIndex()

find()返回數(shù)組中第一個通過測試的元素的值。

findIndex()返回數(shù)組中通過測試的第一個元素的索引。

var str1 = [1,2,3,4,5,6]
console.log(str1.find(function(x){return x > 2}));  //3
console.log(str1.findIndex(function(x){return x > 2}));  //2

8.forEach()

forEach()為每個數(shù)組元素都調(diào)用函數(shù)。

var str1 = [1,2,3,4,5,6]
str1.forEach(x => console.log(x));    //依次輸出123456

9.from()

以對象創(chuàng)建數(shù)組。

console.log(Array.from('string'));  //['s', 't', 'r', 'i', 'n', 'g']

10.includes()

includes()檢查數(shù)組是否包含指定的元素。第二個參數(shù)可以指定從哪個位置開始檢測

var str1 = [1,2,3,4,5,6]
console.log(str1.includes(2,0));  //true

11.indexOf()和lastIndexOf()

indexOf()在數(shù)組中搜索元素并返回其索引。第二個參數(shù)可以指定從哪個位置開始搜索

lastIndexOf()在數(shù)組的末尾開始搜索元素并返回其索引。第二個參數(shù)可以指定從哪個位置開始搜索

var str1 = [1,2,3,4,5,6]
console.log(str1.indexOf(2,0));  //1
console.log(str1.lastIndexOf(2,5));     //1

12.isArray()

可以用來判斷是否為數(shù)組對象

var str1 = [1,2,3,4,5,6]
console.log(Array.isArray(str1));  //true

13.join()

將數(shù)組的所有元素連接成一個字符串。元素將由指定的分隔符分隔。默認分隔符是逗號 (,)。

var str2 = ['a','b','c','d','e']
const a = str2.join()
console.log(a);         //a,b,c,d,e
const a = str2.join('')
console.log(a);         //abcde

14.keys()

返回一個數(shù)組，數(shù)組里的屬性是數(shù)組所對應的鍵

var str3 = { 100: 'a', 2: 'b', 7: 'c' };
console.log(Object.keys(str3));     //['2', '7', '100']
//字符串則返回索引
console.log(Object.keys("string"));     //['0', '1', '2', '3', '4', '5']

15.map()

為每個數(shù)組元素調(diào)用函數(shù)的結果來創(chuàng)建新數(shù)組。

var str1 = [1,2,3,4,5,6]
const a = str1.map(item => item * 10)
console.log(a);     // [10, 20, 30, 40, 50, 60]

16.pop()

刪除數(shù)組的最后一個元素，并返回該元素。方法會改變數(shù)組的長度。

var str1 = [1,2,3,4,5,6]
console.log(str1.pop(), str1);     // 6  ,  [1, 2, 3, 4, 5]

17.push()

將新元素添加到數(shù)組的末尾，并返回新的長度。方法會改變數(shù)組的長度。

var str1 = [1,2,3,4,5,6]
console.log(str1.push(7), str1);     // 7 , [1, 2, 3, 4, 5, 6, 7]

18.reduce()和reduceRight()

reduce()執(zhí)行順序是從左到右 reduceRight()執(zhí)行順序是從右到左

為數(shù)組中的每一個元素依次執(zhí)行回調(diào)函數(shù)，一般用于累加器。

有四個參數(shù)，第一個為初始值, 或者計算結束后的返回值。第二個為當前元素。第三個為當前元素的索引。第四個為當前元素所屬的數(shù)組對象。

initiavalue:當數(shù)組為空時，可以設置傳遞給函數(shù)的初始值，放在對象的后面

var str1 = [1,2,3,4,5,6]
// 累加器的使用
console.log(str1.reduce(function(total,num,index,add){return total+num}));// 21
//initiavalue的使用
var arr=[]
console.log(arr.reduce(function(total){return total},0));    //0

19.reverse()

反轉數(shù)組中元素的順序。

var str1 = [1,2,3,4,5,6]
console.log(str1.reverse());     // [6, 5, 4, 3, 2, 1]

20.shift()

刪除數(shù)組的第一個元素，并返回該元素。

var str1 = [1,2,3,4,5,6]
console.log(str1.shift(),str1);     // 1 , [2, 3, 4, 5, 6]

21.slice()

選擇數(shù)組的一部分，并返回新數(shù)組。

var str1 = [1,2,3,4,5,6]
// 兩個參數(shù) 從索引為1開始到索引為3結束，不包括結束位置，形成新數(shù)組
console.log(str1.slice(1,3));     //  [2, 3]
// 一個參數(shù) 表示從索引為1開始的所有元素形成一個新數(shù)組
console.log(str1.slice(1));     //  [2, 3, 4, 5, 6]

22.some()

檢查數(shù)組中的任何元素是否通過測試。和every()差不多

some如果遇到 true 就不在執(zhí)行了。如果都為 false 返回false。不會改變原數(shù)組

var str1 = [1,2,3,4,5,6]
function some(item,index,array){
return item>5
}
console.log(str1.some(some));  //true
function some(item,index,array){
return item>7
}
console.log(str1.some(some));  //false

23.sort()

srot()如果不帶參數(shù)，是將按字母順序對數(shù)組中的元素進行排序，也就是是按照字符編碼的順序進行排序。

如果為number類型其實也不是按正常的從小到大排序，更像是根據(jù)元素的第一位數(shù)字的大小排序。

如果想正常進行從大到小從小到大的排序?？梢赃M行比較值的大小來實現(xiàn)。

從小到大，a-b的含義：a-b大于0,說明a大，則把a放在在后面。a-b小于0，說明b大，則b在后面。如果a-b等于0，則不變。從大到小就是上面的相反，就不說了(不想寫了,程序員的美德就是偷懶)

至于為什么是a - b，b - a可以去看這篇文章http://m.fzitv.net/article/238275.htm

var arr1 = ['a', 'd', 'c', 'b'];
arr.sort();  //['a', 'b', 'c', 'd']
var arr2 = [10, 5, 40, 25, 100, 1];
arr2.sort(); //[1, 10 ,100, 25, 40, 5]
//從小到大的排序
var arr2 = [10, 5, 40, 25, 100, 1];
arr2.sort((a,b) => a-b)
console.log(arr2);    // [1, 5, 10, 25, 40, 100]
//從大到小的排序
var arr2 = [10, 5, 40, 25, 100, 1];
arr2.sort((a,b) => b-a)
console.log(arr2);    // [100, 40, 25, 10, 5, 1]

24.splice()

從數(shù)組中添加/刪除元素。

var str1 = [1,2,3,4,5,6]
// 刪除，從索引為1開始，刪除2個
console.log(str1.splice(1,2), str1);     // [2, 3] , [1, 4, 5, 6]
// 添加，從索引為1開始到索引為2開始替換為'0'
console.log(str1.splice(1,2,'0','0'), str1);     // [2, 3] ， [1, '0', '0', 4, 5, 6]

25.toString()

將數(shù)組轉換為字符串，并返回結果。

var str1 = [1,2,3,4,5,6]
console.log(str1.toString(), str1);     // 1,2,3,4,5,6  [1, 2, 3, 4, 5, 6]

26.unshift

將新元素添加到數(shù)組的開頭，并返回新的數(shù)組長度值。

var str1 = [1,2,3,4,5,6]
console.log(str1.unshift(0), str1);     // 7  ， [0, 1, 2, 3, 4, 5, 6]

27.valueOf()

valueOf() 方法返回其自身。

var str1 = [1,2,3,4,5,6]
str1.push(7)
console.log(str1.valueOf(),str1);     //  [1, 2, 3, 4, 5, 6, 7] , [1, 2, 3, 4, 5, 6, 7]

總結

本篇文章就到這里了，希望能夠給你帶來幫助，也希望您能夠多多關注腳本之家的更多內(nèi)容!

您可能感興趣的文章:

最新国产好看的视频,伊人天堂AV在线,国产Aaaaaa视频,蜜臀视频在线观看一区,人妻av色图,密臀久久久精品影片,青青视频免费观看毛片,久草在线观看视,国产三级精品色情在线