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]

你可能感兴趣的:(JS,javascript,前端,开发语言)