lodash 4 中 `_.pluck()` 方法去哪儿了?

有些 lodash 的用户可能会发现在升级到版本 4 后,_.pluck() 方法不见了。这是因为在 lodash 3 中已经标记为废弃,并在 lodash 4 中被完全移除。

但是,不用担心,lodash 团队提供了更好的方法来达到同样的效果。

_.pluck() 是什么?

在 lodash 3 中,_.pluck() 方法可以从一个对象数组中获取指定属性的值并返回一个新的数组。

以下是使用 _.pluck() 方法的示例代码:

--- ----- - -
    - ------- --------- ------ -- --
    - ------- -------   ------ -- -
--
 
-------------- --------
-- -- ---------- -------

在上面的代码中,我们从 users 数组中获取了每个对象的 user 属性的值,并返回一个包含这些值的新数组。

lodash 4 中的替代方法

在 lodash 4 中,_.pluck() 方法被移除,但是你可以使用 _.map() 方法和箭头函数来达到相同的效果。

以下是使用 _.map() 方法和箭头函数实现 _.pluck() 方法的示例代码:

--- ----- - -
    - ------- --------- ------ -- --
    - ------- -------   ------ -- -
--
 
------------ --- -- --------
-- -- ---------- -------

在上面的代码中,我们使用 _.map() 方法和箭头函数来获取每个对象的 user 属性的值,并返回一个包含这些值的新数组。

总结

虽然 _.pluck() 方法在 lodash 4 中被移除了,但是通过使用 _.map() 方法和箭头函数,我们可以获得同样的结果。

如果你正在迁移到 lodash 4,并且之前使用 _.pluck() 方法,请尝试替换为 _.map() 和箭头函数的组合。 这种替代方案不仅能够取代原有的功能,而且更加灵活和强大。

来源:JavaScript中文网 ,转载请联系管理员! 本文地址:https://www.javascriptcn.com/post/29152


猜你喜欢

  • Sort mixed alpha/numeric array

    在前端开发中,我们经常需要对数组进行排序。但是当数组中包含字母和数字混合的元素时,如何对其进行排序呢?接下来,我们将详细介绍如何在JavaScript中对混合alpha/numeric数组进行排序。

    7 年前
  • 如何在没有jQuery的情况下检查document.ready()函数?

    在前端开发中,我们经常使用jQuery库来执行一些DOM操作和事件处理。其中一个非常有用的函数是 $(document).ready(),它可以确保在文档加载完成后再执行JavaScript代码。

    7 年前
  • JavaScript 代理模式

    JavaScript 代理模式是一种设计模式,它允许我们创建一个代理对象来控制对另一个对象的访问。这个代理对象可以拦截并修改对原始对象的访问请求,从而提供更多的控制和灵活性。

    7 年前
  • Writing JavaScript according to SOLID

    SOLID是一个面向对象编程的基本原则,它有助于设计出可维护、可扩展和易于测试的代码。这些原则也可以应用于JavaScript领域。 什么是SOLID原则? SOLID是5个设计原则的缩写: 单一职...

    7 年前
  • 在 Underscore.js 中如何对一个数组的数组进行并集或交集操作

    在前端开发中,我们经常会遇到需要对多个数组进行合并或者筛选的需求。这时候,我们可以使用 Underscore.js 库提供的一些方法来帮助我们实现这些操作。 Underscore.js 是一个流行的 ...

    7 年前
  • JavaScript 中的 RTrim

    在 JavaScript 中,字符串操作是非常基础但也很重要的一部分。其中一个常用的字符串操作就是去除字符串末尾的空格或者其他指定字符,这个操作被称为 RTrim(右侧截取)。

    7 年前
  • Javascript 函数和默认参数在 IE 和 Chrome 中不起作用

    默认参数是 JavaScript ES6 中增加的一个新特性,它使得函数可以定义默认值来简化代码并减少错误。但是,在某些情况下,我们可能会发现默认参数在某些浏览器中不起作用,这篇文章将详细讨论这个问题...

    7 年前
  • jQuery .keypress & .keydown .which

    概述 在前端开发中,jQuery库是一个非常流行的工具。它提供了很多方便的方法来操作HTML文档和处理用户交互。其中,.keypress()和.keydown()方法可以用来捕获用户按下键盘上的按键事...

    7 年前
  • JavaScript: 获取下一天的日期

    在前端开发中,我们经常需要获取日期对象并进行操作。今天我们来看一下如何使用 JavaScript 获取下一天的日期。 使用内置对象 Date JavaScript 提供了一个内置对象 Date 来表示...

    7 年前
  • 如何创建 Firebase Web 用户 "credential" 对象以供 reauthenticate() 方法使用

    Firebase 是 Google 提供的一种云服务,它提供了轻松构建应用程序所需的各种后端技术。Firebase Web SDK 可以帮助我们轻松地在前端实现用户身份验证和管理。

    7 年前
  • 在 JavaScript 中读取文本文件的方法

    在前端开发中,有时需要读取文本文件并在网页中展示其内容。JavaScript 提供了几种方法来实现这一功能。本文将介绍如何使用这些方法读取文本文件,并提供详细的示例代码。

    7 年前
  • 无限参数的 JavaScript 函数

    在编写 JavaScript 函数时,我们通常需要指定函数的参数列表。但在某些情况下,我们可能需要编写一个接受任意数量参数的函数。 这就是所谓的“无限参数函数”。在 JavaScript 中,我们可以...

    7 年前
  • 在 Visual Studio 2010 中调试 JavaScript?

    前端工程师在开发过程中难免会遇到 JavaScript 的错误,如何高效地进行 JavaScript 调试是一个必须掌握的技能。本文将介绍如何在 Visual Studio 2010 中进行 Java...

    7 年前
  • Spam Prevention/Reduction - Contact Form?

    在当今数字时代,大多数网站都有联系表单。然而,这些表单常常成为垃圾邮件的目标。垃圾邮件会降低您的网站信誉,并可能对用户体验造成负面影响。在本文中,我们将讨论如何减少或防止垃圾邮件攻击,从而保护您的网站...

    7 年前
  • Angular2: 在组件中导入外部JS文件

    Angular是一个用于构建Web应用程序的开源平台,它采用了TypeScript作为主要编程语言。在Angular2中,我们可以很容易地将外部JavaScript脚本导入到组件中使用。

    7 年前
  • 如何在 Angular 1.5 中使用 ui.bootstrap.modal 组件

    简介 Angular.js 是一个流行的前端框架,它提供了很多有用的功能和工具,使得开发 web 应用变得更加简单和高效。ui.bootstrap 是一个 Angular.js 的 UI 组件库,其中...

    7 年前
  • Angular: 从 $routeProvider 向控制器传递参数

    在Angular中,$routeProvider是一个核心服务,用于定义应用程序的路由规则。通过使用$routeProvider,我们可以定义当URL匹配某个特定的模式时,应该加载哪个视图和控制器。

    7 年前
  • Why is 1===1===1 false?

    在 JavaScript 中,1===1===1 的结果是 false,这看起来有些令人困惑。让我们深入了解一下为什么会出现这种情况以及它对我们的编码习惯有何指导意义。

    7 年前
  • AngularJS 单选按钮详解

    在前端开发中,单选按钮是常用的交互组件之一。AngularJS 提供了丰富的指令来处理单选按钮和其他表单元素的状态和行为。本文将介绍如何使用 AngularJS 实现单选按钮,并深入探讨相关的知识点和...

    7 年前
  • console.log.bind(console) 到底是做什么的?

    在前端开发中,我们经常使用 console.log 来输出调试信息。但是你有没有想过为什么我们要用 console.log.bind(console) 这个语句呢?让我们深入探讨一下。

    7 年前

相关推荐

    暂无文章