Lodash_.chain() 方法2025年3月18日 | 阅读时长 4 分钟 什么是 Lodash?Lodash 是一个 JavaScript 库,它包含大量内置函数,为开发者提供实用功能和更多增强功能。它基于 underscore.js 库构建。 Lodash._chain() 方法此方法用于包装方法链序列返回的值,并返回方法链的精确包装值。 方法链的概念如果我们想一个接一个地执行多个操作,并且一个操作的输入依赖于前一个操作的输出,那么我们就使用了 Lodash 库提供的链式方法概念。 方法链是指在一对象上连续调用多个函数。这样,代码流程看起来像一句话,有时也称为方法级联。 方法链的开发是为了避免嵌套方法造成的混淆和复杂性。如果我们想对一个对象或数组执行多个函数,那么我们也可以使用嵌套方法,其中一个函数包含另一个函数,依此类推。 语法值 这是该函数接受的单个参数,它包含我们想使用此函数包装的值。 返回值 此函数将返回作为参数传递的实际值的包装值。 让我们通过一些例子来更好地理解这个方法。 示例 1JavaScript 代码 输出 ['Gopal earns 410', 'Ayush earns 2600', 'Shivani earns 2600', 'Ankit earns 3200', 'Anjali earns 3896', 'Mansi earns 5000'] 说明 在上面的 JavaScript 代码中,我们首先使用 require 关键字导入了 Lodash 库。然后我们创建了一个对象数组,其中每个索引都有两个字段值:一个是 userName,另一个是 income,类型为整数。 现在,我们想根据收入的升序为每个索引打印语句。所以,我们对 friend 对象使用了 _.chain() 方法,并应用了第一个 sortBy() 方法来根据收入对它们进行排序。然后我们使用了 .map 函数来迭代对象,并为每个值打印了一些语句,最后,我们应用了 .value() 函数。 因此,由于在对象上应用了多个函数,我们使用了 _.chain() 方法。 示例 2JavaScript 代码 输出 ['Ayush is 21 year old', 'Shivani is 21 year old', 'Mansi is 22 year old', 'Ankit is 23 year old', 'Gopal is 24 year old'] 说明 在上面的 JavaScript 代码中,我们首先使用 require 关键字导入了 Lodash 库。然后我们创建了一个对象数组,其中每个索引都有两个字段值:一个是 userName,另一个是 age,类型为整数。 我们对对象应用了 _.chain() 方法,并使用 sortBy() 方法按升序对它们进行排序。现在我们应用 .map() 函数来获取对象的每个值并为每个值创建一些语句。然后我们使用了 .tail() 方法,它将删除数组的第一个元素并返回剩余的值。因此,在删除第一个元素后,我们应用了 .value() 函数并将结果数组分配给一个变量。 现在,我们使用 console.log() 打印了结果数组。我们可以清楚地看到,“Anjali”的年龄最小,所以它是排序数组中的第一个元素,但我们使用 tail() 方法将其删除了。 我们使用 ._chain() 方法的原因是我们在对象上应用了多个函数,例如: sortBy() 方法、map() 方法、tail() 方法和 value() 方法。 |
每当历史发生变化时,挑战在于找出原因。已调用 pushState() 方法。它用于监视浏览器历史记录的更改。当使用 pushState() 方法时,会 monkey-patch window.history。函数 history 将拥有所有...
5 分钟阅读
介绍:JavaScript 对象由属性组成,这些属性只是键值对。本质上,属性由一对键和值组成,可以代表任何类型的实体。即使函数也能够作为任何...
阅读 3 分钟
使用 JavaScript 键迭代对象数据。它有助于获取具有唯一编号的特定数据集数据。迭代对象可以通过两种方式实现,如下所述:方法 1:使用 for...in 循环 方法 2:Object.entries() map 方法 1:使用 for...in 循环...
阅读 3 分钟
绘制线条是一种使用 javascript 在网页上使用 canvas 函数的简单方法。Canvas 标签用于使用不同的 javascript 属性和方法绘制线条。javascript 设置线条的宽度、结构、显示和颜色。JavaScript 绘图指令 您可以...
7 分钟阅读
在本文中,我们将讨论如何在 JavaScript 中使用逗号格式化数字。有时,我们需要在 HTML 页面中使用逗号格式化数字,以便于阅读。使用 JavaScript,我们可以将数字转换为...
阅读 4 分钟
JavaScript 为内存管理提供了高效的垃圾回收。JavaScript 自动支持内存管理,对我们来说是不可见的。当我们创建新对象、函数、原始值和变量时,所有这些编程元素都会占用内存。JavaScript 如何管理这些元素并清除它们?在本节中,...
阅读 8 分钟
JavaScript confirm 方法会调用一个函数,该函数在执行特定操作时会向用户显示一个确认对话框。confirm() 方法使用 window 对象调用一个带有问题和两个选项按钮(OK 和 Cancel)的对话框。如果用户选择...
阅读 3 分钟
鼠标在网页上向上或向下滚动,并开始使用“onwheel”javascript 操作鼠标滚轮功能。我们可以使用“onmousewheel”事件,但它在 javascript 中已弃用。我们可以使用 javascript 的“onwheel”属性而不是“onmousewheel”事件。语法...
阅读 3 分钟
JavaScript 允许我们使用反斜杠 (\) 符号向文本字符串添加特殊字符。我们可以通过在字符前加上反斜杠来添加不同类型的特殊字符,包括单引号、双引号、与号、换行符、制表符、退格符、换页符等。...
阅读 2 分钟
? 是的,它是一种区分大小写的语言,这意味着标识符、关键字、变量和函数名称必须使用一致的大小写字母书写。与其他许多编程语言一样,JavaScript 也有编写 JavaScript 程序或代码的规则。使用正确的 capitalization...
阅读 2 分钟
我们请求您订阅我们的新闻通讯以获取最新更新。
我们提供所有技术(如 Java 教程、Android、Java 框架)的教程和面试问题
G-13, 2nd Floor, Sec-3, Noida, UP, 201301, India