js如何判断数组中是否存在某个值或者某个对象的属性值

一、判断数组是否存在某个值

1、indexOf()

indexOf() 方法可返回数组中某个指定的元素位置。该方法将从头到尾地检索数组，看它是否含有对应的元素。开始检索的位置在数组 start 处或数组的开头（没有指定 start 参数时）。如果找到一个 item，则返回 item 的第一次出现的位置。开始位置的索引为 0。

如果在数组中没找到指定元素则返回 -1。

let animals = ['dog', 'cat', 'mouse', 'tiger', 'fish', 'cat'];
 
console.log(animals.indexOf('dog')); // 0
 
console.log(animals.indexOf('cat')); // 1

// 从index为2的位置开始查找
console.log(animals.indexOf('cat', 2)); // 5
 
console.log(animals.indexOf('giraffe')); // -1

2、lastIndexOf() 

lastIndexOf() 方法将从尾到头地检索数组中指定元素 item。开始检索的位置在数组的 start 处或数组的结尾（没有指定 start 参数时）。如果找到一个 item，则返回 item 从尾向前检索第一个次出现在数组的位置。数组的索引开始位置是从 0 开始的。如果在数组中没找到指定元素则返回 -1。

let animals = ['dog', 'cat', 'mouse', 'tiger', 'fish', 'cat'];
 
console.log(animals.lastIndexOf('dog')); // 0
 
console.log(animals.lastIndexOf('cat')); // 5

// 从index为2的位置开始查找
console.log(animals.lastIndexOf('cat', 2)); // 1
 
console.log(animals.lastIndexOf('giraffe')); // -1

3、includes()

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

arr.includes(searchElement)
arr.includes(searchElement, fromIndex)

第一个参数必传，需要查找的元素值。第二个参数可选，从该索引处开始查找 searchElement。如果为负值，则按升序从 array.length + fromIndex 的索引开始搜索。默认为 0。

console.log([1, 2, 3].includes(2));     // true
console.log([1, 2, 3].includes(4));     // false
console.log([1, 2, 3].includes(3, 3));  // false
console.log([1, 2, 3].includes(3, -1)); // true
console.log([2, 1].includes(2, -1));    // fasle
console.log([1, 2].includes(2, -1));    // true
console.log([1, 2, NaN].includes(NaN)); // true

4、find()

find() 方法返回通过测试（函数内判断）的数组的第一个元素的值。

find() 方法为数组中的每个元素都调用一次函数执行：

• 当数组中的元素在测试条件时返回 true 时, find() 返回符合条件的元素，之后的值不会再调用执行函数。
• 如果没有符合条件的元素返回 undefined

注意: find() 对于空数组，函数是不会执行的。

注意: find() 并没有改变数组的原始值。

let ages = [3, 10, 18, 20, 30];
let age = ages.find(item => item > 18);
console.log(age); // 20

let age2 = ages.find(item => item >= 18);
console.log(age2); // 18

let age3 = ages.find(item => item == 40);
console.log(age3); // undefined

5、findIndex() 

findIndex() 方法返回传入一个测试条件（函数）符合条件的数组第一个元素位置。

findIndex() 方法为数组中的每个元素都调用一次函数执行：

• 当数组中的元素在测试条件时返回 true 时, findIndex() 返回符合条件的元素的索引位置，之后的值不会再调用执行函数。
• 如果没有符合条件的元素返回 -1

注意: findIndex() 对于空数组，函数是不会执行的。

注意: findIndex() 并没有改变数组的原始值。

let ages = [3, 10, 18, 20, 30];
let index = ages.findIndex(item => item > 18);
console.log(index); // 3

let index2 = ages.findIndex(item => item >= 18);
console.log(index2); // 2

let index3 = ages.findIndex(item => item == 40);
console.log(index3); // -1

二、判断数组的对象中是否包含某个属性值 

这种场景下，indexOf、lastIndexOf、includes都不适用。

1、find()

用法同上4，直接上代码

let arr = [
	{ id: 1, name: 'name1' },
	{ id: 2, name: 'name2' },
	{ id: 3, name: 'name3' },
]

let obj = arr.find(item => item.name == 'name2');
console.log(obj); // { id: 2, name: 'name2' }

let obj2 = arr.find(item => item.id == 4);
console.log(obj2); // undefined

2、findIndex()

用法同上5，直接上代码

let arr = [
	{ id: 1, name: 'name1' },
	{ id: 2, name: 'name2' },
	{ id: 3, name: 'name3' },
]

let index = arr.findIndex((item) => item.name == 'name2')
console.log(index) // 1

let index2 = arr.findIndex((item) => item.id == 4)
console.log(index2) // -1

3、some()

some() 方法的返回值是一个布尔值，如果数组中至少有一个元素满足条件，则返回 true，剩余的元素不会再执行检测，所有元素都不满足条件时才返回 false。

关于js的some方法和every方法，我单独写了一篇博客，深入了解请移步：深入浅出JavaScript中的some()方法和every()方法_程序猿小野的博客-CSDN博客

let arr = [
	{ id: 1, name: 'name1' },
	{ id: 2, name: 'name2' },
	{ id: 3, name: 'name3' },
]

function checkValInArr(arr, id) {
	return arr.some((item) => item.id == id)
}
console.log(checkValInArr(arr, 3)) // true

console.log(checkValInArr(arr, 4)) // false

 正所谓条条大路通罗马，实现的方式其实有很多种，总结了这些，希望对你有帮助！

 如果帮助到您了，可以留下一个赞👍告诉我