JavaScript 使用不同的方法在数组中搜索项目

JavaScript 使用不同的方法在数组中搜索项目

在本文中,我们将看到在JavaScript中搜索数组项目的不同方法。在使用数组时,有许多情况我们需要找到数组中的特定元素。

Javascript 为我们提供了一些方法来查找数组中项目的出现,其中一些方法如下所示:

  • 使用find()方法
  • 使用findIndex()方法
  • 使用includes()方法
  • 使用some()方法
  • 使用indexOf()方法
  • 使用filter()方法
  • 使用every()方法

方法1:使用find()方法:

Javascriptarr.find()方法用于获取满足给定条件的数组中的第一个元素的值。它检查数组的所有元素,并将满足条件的第一个元素打印出来。该方法不会处理空数组元素,也不会更改原始数组。

语法:

array.find(function(currentValue, index, arr), thisValue);
JavaScript

示例: 在这个示例中,我们将使用Javascript的Array find()方法在一个数组中搜索元素。该方法搜索第一个大于50的元素并将其返回。

Javascript

const arr = [25, 33, 22, 45, 67, 1, 32, 223];
 
const greaterElement = arr.find(ele => ele > 50);
 
console.log(greaterElement);
JavaScript

输出

67
JavaScript

方法2: 使用findIndex()方法 :

Javascript中的 Array.findIndex() 方法用于返回满足提供的测试函数(由用户在调用时传入)的给定数组中元素的第一个索引。否则,如果没有找到数据,则返回-1的值。

语法:

array.findIndex(function(currentValue, index, arr), thisValue)
JavaScript

例子: 这个例子返回第一个大于50的元素的索引。

Javascript

const arr = [25, 33, 22, 45, 67, 1, 32, 223];
 
let greaterElement = arr.findIndex(ele => ele > 50);
 
console.log(greaterElement);
JavaScript

输出

4
JavaScript

方法3: 使用includes()方法 :

Javascript中的 array.includes() 方法用于判断数组中是否存在特定的元素,并相应地返回true或false,即如果元素存在,则返回true,否则返回false。

语法:

array.includes(searchElement, start)
JavaScript

示例:

这个示例展示了Javascript中使用数组includes()方法。

Javascript

const arr = ['Geeks','for','geeks','Javascript','HTML','CSS']
 
console.log(arr.includes('geeks'));
console.log(arr.includes('Javascript'));
console.log(arr.includes('CSS'));
console.log(arr.includes('React'));
JavaScript

输出:

true
true
true
false
JavaScript

方法4:使用some()方法

JavaScript arr.some() 方法检查数组中是否至少有一个元素满足参数方法所检查的条件。

语法:

arr.some(callback(element,index,array),thisArg)
JavaScript

示例: 在这个示例中,我们将检查数组中是否有大于50的元素。由于数组中有大于50的元素,所以函数返回true。

Javascript

const arr = [25, 33, 22, 45, 67, 1, 32, 223];
 
console.log(arr.some((element) => element > 50));
console.log(arr.some((element) => element < 40));
console.log(arr.some((element) => element > 70));
JavaScript

输出:

true
true
true
JavaScript

方法5:使用indexOf()方法

JavaScript Array indexOf() 方法用于查找作为方法参数提供的搜索元素第一次出现的索引。

语法:

array.indexOf(element, start)
JavaScript

示例:

此示例展示了Javascript中使用数组indexOf()方法的用法。

Javascript

const arr = ['Geeks','for','geeks','Javascript','HTML','CSS']
 
console.log(arr.indexOf('Geeks'));
console.log(arr.indexOf('HTML'));
console.log(arr.indexOf('React'));
JavaScript

输出:

0
4
-1
JavaScript

方法6:使用filter()方法

JavaScript的 Array filter() 方法用于从给定数组中创建一个新数组,新数组仅包含满足参数方法设置条件的元素。

语法:

array.filter(callback(element, index, arr), thisValue)
JavaScript

示例: 此示例使用Array filter()方法检查数组中大于50的元素。

Javascript

const arr = [25,33,22,45,67,81,32,223];
const greaterElement = arr.filter(ele => ele > 50);
 
console.log(greaterElement)
JavaScript

将下面的英文翻译成中文,不解释,保留HTML格式:

输出:

[ 67, 81, 223 ]
JavaScript

方法7: 使用every()方法

按照以下步骤进行对元素的检查。

  • 初始化测试列表。
  • 使用every方法来检查我们想要检查的条件的相反条件,如果所有元素都满足条件,则返回True,否则返回False。
  • 打印结果。

    语法:

arr.every(callback(element,index,array),thisArg)
JavaScript

JavaScript

const arr = [25, 33, 22, 45, 67, 1, 32, 223];
 
console.log(!arr.every((element) => element < 50));
console.log(!arr.every((element) => element > 40));
console.log(!arr.every((element) => element < 70));
JavaScript

输出:

true
true
true 
JavaScript

Python教程

Java教程

Web教程

数据库教程

图形图像教程

大数据教程

开发工具教程

计算机教程

登录

注册