面试题 - 四种查找数组中是否有某个元素的方法

面试题 - 四种查找数组中是否有某个元素的方法

indexOf(searchElement[,fromIndex])

官方定义：The **indexOf()** method returns the first index at which a given element can be found in the array, or -1 if it is not present.（方法返回可在数组中找到给定元素的第一个索引，如果不存在则返回-1）

对参数的说明：
:fa-star:searchElement:要查找的元素
:fa-star：formIndex：开始查找的位置，如果大于数组的长度则不会进行查找

特别说明：该方法使用三等运算符进行比较

官方示例

var array = [2, 9, 9];
array.indexOf(2);     // 0
array.indexOf(7);     // -1
array.indexOf(9, 2);  // 2
array.indexOf(2, -1); // -1
array.indexOf(2, -3); // 0

// 使用indexOf查找所有的匹配项
var indices = [];
var array = ['a', 'b', 'a', 'c', 'a', 'd'];
var element = 'a';
var idx = array.indexOf(element);
while (idx != -1) {
  indices.push(idx);
  idx = array.indexOf(element, idx + 1);
}
console.log(indices);
// [0, 2, 4]

👉参考网址：https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Array/indexOf

---

$.inArray(value,array,[fromIndex])

官方定义：确定第一个查找到的元素的位置，从0开始，不存在返回-1

对参数的说明：value：要查找的值，array：数组值 ，fromIndex：开始的位置

代码示例

var arr = [ 4, "Pete", 8, "John" ];
$.inArray("John", arr);  //3
$.inArray(4, arr);  //0
$.inArray("David", arr);  //-1
$.inArray("Pete", arr, 2);  //-1

---

arr.find(条件函数)

官方定义：返回数组中满足条件的第一个元素的值，不存在则返回undefined

代码示例

var array1 = [5, 12, 8, 130, 44];
var found = array1.find(function(element) {
  return element > 10;
});
console.log(found);
// expected output: 12

find（）函数的高级应用：👉https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/find

---

arr.findIndex

官方定义：返回数组中满足条件的第一个元素的索引值，不存在返回-1

代码示例

var array1 = [5, 12, 8, 130, 44];
function isLargeNumber(element) {
  return element > 13;
}
console.log(array1.findIndex(isLargeNumber));
// expected output: 3

findIndex函数的高级应用：👉https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/Reference/Global_Objects/Array/findIndex

总结：在对数组进行操作时，如果只需要知道该数组中是否含有该元素，indexOf和$.inArray()两种方式更加便利。如果需要对查找到的数据进行某种操作，并返回惭怍后的数据，find（）方法更为合适。

示例代码链接：https://github.com/jianyaoo/Water-droplets/tree/master/src/html