JavaScript 数组 find() 方法

Javascript 中的arr.find()方法用于获取数组中满足所提供条件的第一个元素的值。它检查数组的所有元素，以及满足条件的第一个元素将被打印。此函数将不起作用具有空数组元素的函数，也不会更改原始数组。

句法：

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

参数：此方法接受上述 5 个参数，如下所述：

• 函数：它是函数。
• currentValue：此参数保存当前元素。
• index：它是一个可选参数，保存当前元素的索引。
• arr：可选参数，保存当前元素所属的数组对象。
• thisValue：此参数是可选的。如果要将值传递给函数以用作其“this”值，否则值“ undefined ”将作为其“ this ”值传递。

返回值：如果数组中有任何元素满足条件，则返回数组元素值，否则返回undefined。

我们将通过示例了解 Javascript Array find()方法的概念。

示例 1：以下示例说明了查找正数的 JavaScript数组 find()方法。

Javascript

    // Input array contain some elements.
    var array = [-10, -0.20, 0.30, -40, -50];
 
    // Method (return element > 0).
    var found = array.find(function (element) {
        return element > 0;
    });
 
    // Printing desired values.
    document.write(found);

输出：

0.3

示例 2：这里，JavaScript 中的arr.find()方法返回数组中满足提供的测试方法的第一个元素的值。

Javascript

    // Input array contain some elements.
    var array = [10, 20, 30, 40, 50];
 
    // Method (return element > 10).
    var found = array.find(function (element) {
        return element > 20;
    });
 
    // Printing desired values.
    document.write(found);

输出：

30

示例 3：在这个示例中，每当我们需要获取数组中第一个元素的值时满足提供的测试方法时，我们使用 JavaScript 中的 arr.find() 方法。

JavaScript

    // Input array contain some elements.
    var array = [2, 7, 8, 9];
 
    // Provided testing method (return element > 4).
    var found = array.find(function (element) {
        return element > 4;
    });
 
    // Printing desired values.
    document.write(found);

输出：

7

支持的浏览器： JavaScript Array find()方法支持的浏览器如下：

• 谷歌浏览器 45.0
• 微软边缘 12.0
• 火狐 25.0
• 野生动物园 7.1
• 歌剧 32.0

JavaScript 以网页开发而闻名，但它也用于各种非浏览器环境。您可以按照这个 JavaScript 教程和 JavaScript 示例从头开始学习 JavaScript。