Js中的find,findIndex,indexof,includes

概述

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

1、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);
})

复制代码

2、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
复制代码

3、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
复制代码

4、includes

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

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

5、总结

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