JavaScript查找数组内的元素的方法 filter() find includes findIndex lastIndexOf indexOf

需求：查找数组内元素6是否存在
let arr = [1, 3, 6, 5, 7, 6];

方法1、indexOf方法

let index1 = arr.indexOf(6);
console.log(index1);//2

方法2、lastIndexOf方法

从右至左查找，找到返回索引，找不到返回-1

  let index2 = arr.lastIndexOf(6);
 console.log(index2);//5

方法3、includes方法

从左往右查找，找到返回true，找不到返回false

 let resulr = arr.includes(6);
console.log(resulr);//true

方法4、数组专用方法findIndex

findIndex方法：定制版的indexOf，找到返回索引，找不到返回-1

let index3 = arr.findIndex(function (currentValue, currentIndex, currentArray) {
            if (currentValue === 6){
                return true;
            }
        });
console.log(index3);//2

方法5、数组专用方法find

find方法：返回找到的元素值，找不到返回undefined

let arr1 = [1, 2, 3, 4, 5];
let num = arr1.find(item => item > 1);
console.log(num)  //輸出的結果是2

 var arr = [{
        id: 1,
        name: '张一',
        age: 25,
        class: '一班'
    }, {
        id: 1,
        name: '张二',
        age: 25,
        class: '二班'
    }, {
        id: 2,
        name: '张三',
        age: 25,
        class: '三班'
    }]
    let obj = arr.find(item => item.id == 1)
    console.log(obj); 
    // 结果：{id: 1, name: '张一', age: 25, class: '一班'}

方法6、filter()

我们可以使用 Array.filter() 方法在数组中查找满足特定条件的元素。

例如，如果我们要获取大于10的数字数组中的所有项目，则可以执行以下操作：

const array = [10, 11, 3, 20, 5];
 
const greaterThanTen = array.filter(element => element > 10);
 
console.log(greaterThanTen) //[11, 20]