1. 程式人生 > 其它 >前端陣列的常用方法

前端陣列的常用方法

1.find
用來查詢目標元素,找到就返回該元素,找不到返回undefined
輸出的是一旦判斷為true則跳出迴圈輸出符合條件的陣列元素

let names = ["憨憨卷","花捲","糟老婆子"];
let res = names.find(t => t==='憨憨卷');
console.log(res);

輸出結果: 憨憨卷
2.includes
判斷陣列是否包含某個元素,不用return,不用回撥函式,返回布林值

let names = ["憨憨卷","花捲","糟老婆子"];
let res = names.includes('憨憨卷');
console.log(res);

輸出結果: true

3.filter
使用return操作輸出,會迴圈陣列每一項,並在回撥函式中操作
返回滿足條件的元素組成的陣列,不改變原陣列

let names = ["憨憨卷","花捲","糟老婆子"];
let res = names.filter(t => t==='憨憨卷');
console.log(res);

輸出結果: ["憨憨卷"]
注意:結果是返回一個數組!!!
4.Set
陣列去重

let arr = [1,2,3,4,3,4];
let arr2 = [...new Set(arr)];
console.log(arr2);

輸出結果:[1, 2, 3, 4]
5.交換兩個變數的值

let [x,y] = [1,2];
[y,x] = [x,y];
console.log('x',x);
console.log('y',y);

x ===> 2
y ===> 1
6.forEach
回撥函式引數,item(陣列元素)、index(序列)、arr(陣列本身)
迴圈陣列,無返回值,不改變原陣列``
不支援return操作輸出,return只用於控制迴圈是否跳出當前迴圈

let arr = [1,2,3,4];
arr.forEach(t=>console.log(t));

7.map
輸出的是return什麼就輸出什麼新陣列
原陣列被“對映”成對應新陣列,返回新陣列,不改變原陣列``

let arr = [1,2,3,4].map(t => t+1);
console.log(arr);

輸出結果:[2, 3, 4, 5]
8.some
some()是對陣列中每一項執行給定函式,如果該函式對任一項返回true,則返回true
some一直在找符合條件的值,一旦找到,則不會繼續迭代下去
返回布林值,遇到滿足條件變跳出迴圈
some 一真即真

let arr = [
    {name:'jerry',sex:'man',age:14},
    {name:'jack',sex:'woman',age:19},
    {name:'bill',sex:'man',age:18}
];
let res = arr.some(t => t.age > 17);
console.log(res);

輸出結果:true
9.every
every()是對陣列中每一項執行給定函式,如果該函式對每一項返回true,則返回true
every從迭代開始,一旦有一個不符合條件,則不會繼續迭代下去。 every() 不會對空陣列進行檢測
返回布林值,遇到不滿足條件跳出迴圈
every 一假即假

let arr = [
    {name:'jerry',sex:'man',age:14},
    {name:'jack',sex:'woman',age:19},
    {name:'bill',sex:'man',age:18}
];
let res = arr.every(t => t.age > 17);
console.log(res);

輸出結果:false

10.findIndex
陣列例項的findIndex方法的用法與find方法非常類似,返回第一個符合條件的陣列成員的位置,如果所有成員都不符合條件,則返回-1

let names = ["憨憨卷","花捲","糟老婆子"];
let res = names.findIndex(t => t==='憨憨卷');
console.log(res);

輸出結果: 0

11.splice
將從陣列中 新增/刪除 元素,返回被刪的元素
改變原來陣列
array.splice(index,howmany,item1,...itemx)
引數:
index:必填。規定新增/刪除元素的位置。
howmany:必填。要刪除的元素數量。
itme1...itemx:可選。向陣列新增的新元素。

let arr = new Array(6);
arr[0] = "George";
arr[1] = "John";
arr[2] = "Thomas";
arr[3] = "James";
arr[4] = "Adrew";
arr[5] = "Martin";

console.log('arr',arr);
arr.splice(2,1,'Gogo');
console.log('New-arr',arr);

輸出結果:
arr (6) ["George", "John", "Thomas", "James", "Adrew", "Martin"]
New-arr (6) ["George", "John", "Gogo", "James", "Adrew", "Martin"]

12.reduce
累加器,輸出的是return疊加什麼就輸出什麼
對陣列中的所有值求和

let num = [1,2,3,4];
let res = num.reduce((x,y) => x+y);
console.log(res);

輸出結果:10
————————————————
版權宣告:本文為CSDN博主「蠟筆小賢@&*」的原創文章,遵循CC 4.0 BY-SA版權協議,轉載請附上原文出處連結及本宣告。
原文連結:https://blog.csdn.net/qq_24280125/article/details/119275109