Lodash _.invoke() 方法

Lodash 是一个JavaScript 的实用工具库，它让您的工作更容易并提高工作效率。Lodash 引入了许多新的函数，其中之一是 _.invoke()。

基本概念

_.invoke() 是 Lodash 提供的一个函数，它允许将方法应用于集合中的每个元素，例如数组或对象属性。

函数定义

以下是 _.invoke() 的函数定义：

_.invoke(collection, path, [...args])

参数说明：

• collection：用于迭代的集合（数组或对象）。
• path：用于调用每个迭代对象中的方法的函数路径。
• args：传递给函数的参数。

示例

以下是 _.invoke() 的一个简单示例：

const array = [[5, 1, 7], [3, 2, 1], [9, 6, 5]];
_.invoke(array, 'sort');
console.log(array);
// Output: [[1, 5, 7], [1, 2, 3], [5, 6, 9]]

在上面的示例中，我们使用 _.invoke() 对数组中的每个嵌套数组执行 sort() 方法。

以下是 _.invoke() 的另一个示例，它用于将给定字符串列表附加到特定 DOM 元素上的 ul 列表项中：

const elements = document.querySelectorAll('ul');
const strings = ['apple', 'banana', 'kiwi'];
_.invoke(elements, 'insertAdjacentHTML', 'beforeend', `<li>${strings.join('</li><li>')}</li>`);

在上面的示例中，我们将 insertAdjacentHTML() 方法应用于元素列表中的每个元素。

支持的数据类型

_.invoke() 支持以下数据类型：

• 数组
• 对象

可以通过第一个参数来确定使用哪种类型。如果第一个参数是对象，那么将会使用 _.at() 方法来获取对象的值。

总结

Lodash 提供了许多有用的函数，其中之一是 _.invoke()。通过使用这个函数，您可以轻松地将方法应用于集合中的所有元素，包括数组或对象属性。这种功能在处理集合时非常有用。