Js中的find,findIndex,indexof,includes

stone_fan發表於2019-04-12
JSIndex

概述

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);
複製程式碼

Js中的find,findIndex,indexof,includes
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);
})

複製程式碼

Js中的find,findIndex,indexof,includes

二、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

相關文章