Js中的find,findIndex,indexof,includes

4,339

概述

js中的find,findIndex,indexof,includes都可以用来查找数组中的某一项,今天来对比一下. 测试代码地址 github.com/fanxuewen/e…

一、find

find是用来查找满足条件的第一项,找到了就返回,找不到返回undefined.该方法不会改变原数组。使用方法如下

var findArr = [1, 2, 3, 4];
var res1 = findArr.find(item => {
    return item > 2;
})
var res2 = findArr.find(item => {
    return item > 10;
})
console.log('res1', res1);
console.log('res2', res2);

find还有一个比较牛逼的地方,就是不会跳过空项,像map,filter等则会跳过

var findArr1 = [1, , 3];
console.log('--------find---------');
var res1 = findArr1.find((item, index) => {
    console.log(item, '----', index)
})
console.log('--------map---------');
findArr1.map((item, index) => {
    console.log(item, '----', index);
})

二、findIndex

findIndex是用来查找满足条件的第一项索引,找到了就返回该索引,找不到返回-1.

var findIndexArr = [1, 2, 3, 4];
var res1 = findIndexArr.findIndex(item => {
    return item > 2;
})
var res2 = findIndexArr.findIndex(item => {
    return item > 10;
})
console.log('res1', res1);
console.log('res2', res2);
//res1 2
//res2 -1

三、indexof

indexOf()方法返回在数组中可以找到一个给定元素的第一个索引,如果不存在,则返回-1。
语法:arr.indexOf(searchElement[, startIndex = 0]) startIndex代表搜素的起始位置默认为0,可选,

var indexOfArr = [1, 2, 3, 4];
indexOfArr.indexOf(2)  //1
indexOfArr.indexOf(2,2)//-1
indexOfArr.indexOf(9)  //-1

四、includes

includes() 方法用来判断一个数组是否包含一个指定的值,有则返回 true,否则返回false。

    var includesArr = [1, 2, 3, 4];
    includesArr.indexOf(2)  //true
    includesArr.indexOf(9)  //false

五、总结

判断数组中存在某项要用indexof/includes