js判斷數(shù)組中是否存在某個值

Miracle_lihb 發(fā)布于2019-08-22 16:03 / 4057人閱讀

摘要：判斷數(shù)組中是否存在某個值，如果存在返回數(shù)組元素的下標，否則返回結(jié)果判斷一個數(shù)組是否包含一個指定的值，如果存在返回，否則返回。

1. array.indexOf

判斷數(shù)組中是否存在某個值，如果存在返回數(shù)組元素的下標，否則返回-1

let arr = ["something", "anything", "nothing", "anything"];
let index = arr.indexOf("nothing");
# 結(jié)果：2

2. array.includes(searchElement[, fromIndex])

判斷一個數(shù)組是否包含一個指定的值，如果存在返回 true，否則返回false。

參數(shù)：searchElement
需要查找的元素值。

參數(shù)：thisArg（可選）
從該索引處開始查找 searchElement。如果為負值，則按升序從 array.length + fromIndex 的索引開始搜索。默認為 0。

let numbers = [12, 5, 8, 130, 44];
let result = numbers.includes(8);
# 結(jié)果： true
result = numbers.includes(118);
# 結(jié)果： false

3. array.find(callback[, thisArg])

返回數(shù)組中滿足條件的第一個元素的值，如果沒有，返回undefined

參數(shù)：callback
element 當前遍歷到的元素。
index 當前遍歷到的索引。
array 數(shù)組本身。

參數(shù)：thisArg（可選）
指定 callback 的 this 參數(shù)。

// ---------- 元素是普通字面值 ----------
let numbers = [12, 5, 8, 130, 44];
let result = numbers.find(item => {
    return item > 8;
});
# 結(jié)果： 12
// ---------- 元素是對象 ----------
let items = [
    {id: 1, name: "something"},
    {id: 2, name: "anything"},
    {id: 3, name: "nothing"},
    {id: 4, name: "anything"}
];
let item = items.find(item => {
    return item.id == 3;
});
# 結(jié)果： Object { id: 3, name: "nothing" }

4. array.findIndex(callback[, thisArg])

返回數(shù)組中滿足條件的第一個元素的索引（下標）, 如果沒有找到，返回-1

參數(shù)：callback
element 當前遍歷到的元素。
index 當前遍歷到的索引。
array 數(shù)組本身。

參數(shù)：thisArg（可選）
指定 callback 的 this 參數(shù)。

// ---------- 元素是普通字面值 ----------
let numbers = [12, 5, 8, 130, 44];
let result = numbers.findIndex(item => {
    return item > 8;
});
# 結(jié)果： 0
// ---------- 元素是對象 ----------
let items = [
    {id: 1, name: "something"},
    {id: 2, name: "anything"},
    {id: 3, name: "nothing"},
    {id: 4, name: "anything"}
];
let index = items.findIndex(item => {
    return item.id == 3;
});
# 結(jié)果： 2