npm 包 key.path 使用教程

key.path 是一个基于 lodash.get 的 npm 包,它可以方便地从 JavaScript 对象中获取嵌套属性值。这个工具是前端开发中非常常用的一个工具,本文将详细介绍如何使用它。

安装

使用 npm,可以通过以下命令安装:

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

基础使用

首先,引入 key.path 的包:

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

在变量中,定义包含嵌套属性的对象:

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

接下来,可以使用 kp.get 方法,获取嵌套属性的值:

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

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

此方法与 lodash.get 的用法类似。

拓展使用

key.path 允许使用数组索引获取数组中的值。例如:

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

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

也可以使用点号.来代替数组索引:

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

此方法也类似于 lodash.get

错误处理

如果获取不存在的属性,将返回 undefined,这个与 lodash.get 完全一致。但是,key.path 允许设置一个默认值,当获取属性失败时,将返回默认值。例如:

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

当然,还可以执行一个函数,返回一个自定义操作的结果:

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

总结

key.path 是一个很方便的 npm 包,在项目开发中非常实用。使用它可以方便地获取对象属性值,还可以使用数组索引,以及设置默认值或执行自定义操作。这个工具可以帮助我们简化代码,更加高效地进行开发。

示例代码

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

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

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

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

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

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

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

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

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


猜你喜欢

  • NPM 包 String-Title-Case 使用教程

    1. 前言 在前端开发中,我们经常需要对字符串进行格式化和处理。其中,字符串的大小写转换尤为常见,例如把一篇文章的标题格式化成首字母大写,以及其他字母小写的形式。为了方便处理这类需求,在 Node.j...

    3 年前
  • NPM 包 fuet-pagination 使用教程

    前言 在前端开发中,我们经常需要使用分页组件。这时候就需要选择一款好用、灵活、易用性高的组件库来实现分页功能。fuet-pagination 就是一个好的选择。

    3 年前
  • npm 包 gif-meta 使用教程

    前端开发中,使用 GIF 图片时,我们可能不只需要获取其宽高信息,还可能需要获取其帧数、循环次数等其他特殊信息,这时候就可以使用 npm 包 gif-meta 来获取对应的元数据。

    3 年前
  • npm 包 checkintent 使用教程

    在日常开发中,我们常常需要对用户输入的语句进行处理,尤其是针对聊天机器人或语音识别应用等,进行意图识别(Intent Recognition)是非常必要的。 Intent Recognition 是一...

    3 年前
  • npm 包 compary 的使用教程

    npm 包 compary 的使用教程 在前端开发中,使用组件化开发是一种比较流行的方式,但是在开发过程中,如果每次都需要重新写一遍组件,那么就会浪费很多时间,同时也不利于代码的维护。

    3 年前
  • npm 包 http_request_pack 使用教程

    介绍 http_request_pack 是一个可以轻松地实现 HTTP 请求的 npm 包。它提供了一些方便的方法来做 GET 和 POST 请求,同时还支持设置请求头和参数等操作。

    3 年前
  • npm 包 generator-android-mvp-basedev 使用教程

    前言 在 Android 开发中,许多开发者都使用 MVP (Model-View-Presenter)模式开发应用,这种方式可以使应用更加简洁易懂,同时也方便测试。

    3 年前
  • npm 包 materializecss-autocomplete 使用教程

    介绍 Materializecss 是一个强大的前端框架,其中的 autocomplete 组件可以帮助用户快速地搜索和选择内容。但是,当需要实现自定义的下拉列表选项时,就需要用到 npm 包 mat...

    3 年前
  • npm 包 themishelloworld 使用教程

    什么是 themishelloworld themishelloworld 是一个基于 JavaScript 的前端开源库,通过它可以快速轻松地构建类似谷歌地图 marker 的聚合功能。

    3 年前
  • NPM 包 MV-Link 使用教程

    在前端开发中,我们经常需要使用跳转链接来实现页面之间的切换。而在使用过程中,我们往往需要解决如下几个问题: 链接的地址和参数如何传递? 如何保证链接的可读性和可维护性? 链接的跳转是否安全? 针对...

    3 年前
  • npm 包 dd-service-registry 使用教程

    前言 在前端开发中,我们经常需要使用一些第三方的库来实现功能,如何管理这些库是非常重要的一件事情。npm 是一个非常流行的 JavaScript 包管理器,它可以帮助我们快速安装和更新需要的库。

    3 年前
  • roler

    simple role manager for nodejs and browser roler simple and fast role manager for nodejs and browser...

    3 年前
  • npm 包 oscar-brooks-test-module-ng2 使用教程

    简介 oscar-brooks-test-module-ng2 是一个开源的 Angular 2 模块,旨在帮助前端开发者快速搭建 Angular 2 项目。本文将详细介绍如何使用这个 npm 包。

    3 年前
  • npm 包 mofron-comp-kanbanboard 使用教程

    介绍 mofron-comp-kanbanboard 是一款基于 mofron UI 框架的看板板组件,可以用于实现各种看板板功能,例如任务管理、流程控制等。它提供了可拖拽的列表和卡片,可以自由地进行...

    3 年前
  • npm 包 vue-lazy-this 使用教程

    npm 包 vue-lazy-this 使用教程 介绍 vue-lazy-this 是一个 Vue.js 的组件懒加载库,能够提高页面加载速度和性能。 使用 vue-lazy-this,可以将 Vue...

    3 年前
  • npm 包 svg.pan-zoom.js-with-options 使用教程

    前置知识 在开始学习 npm 包 svg.pan-zoom.js-with-options 的使用教程之前,需要您具备以下前置知识: 熟悉基本的 HTML 和 CSS 语法; 具备一定的 JavaS...

    3 年前
  • npm 包 cli-gyro 使用教程

    一、背景 Node.js 是一种服务器端 JavaScript 运行环境,它允许开发者使用 JavaScript 编写后台服务器程序。NPM 是 Node.js 附带的包管理工具,它提供了一个庞大的包...

    3 年前
  • npm 包 cheslie-config 使用教程

    前言 在前端开发过程中,我们经常需要进行配置,例如配置接口地址,配置构建工具的选项等等。为了方便管理以及避免重复代码,我们可以使用 npm 包来管理我们的配置。在这里,我将介绍一个非常实用的 npm ...

    3 年前
  • npm 包 rega-mc 使用教程

    什么是 rega-mc? rega-mc 是一个基于 JavaScript 的正则表达式匹配工具包,支持多种语言的正则表达式风格,包括但不限于 JavaScript、Perl 和 PHP 等语言。

    3 年前
  • regex-sandbox

    A wrapper around NodeJS native RegExp, providing protection against Catestrophic Backtracking ERROR:...

    3 年前

相关推荐

    暂无文章