npm 包 @jaredly/get_in 使用教程

前言

在前端开发中,经常会使用 JavaScript 来操作对象或数组,但是在深层嵌套结构中,想访问某个特定属性有时候就比较困难。这时候,一个名为 @jaredly/get_in 的 npm 包可能会对你的开发工作有所帮助。

简介

@jaredly/get_in 是一个用于获取嵌套对象或数组属性值的 npm 包。它是一个轻量级的工具,支持 JavaScript 和 TypeScript,并且可以与任何模块打包器一起使用,例如 webpack、rollup 等。

安装

使用 npm 进行安装:

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

使用

基础用法

安装完成后,在 JavaScript 文件中导入 get_in:

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

假设我们有以下嵌套结构:

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

获取其中的属性值非常容易:

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

get_in 函数接收两个参数:

  • 第一个参数是待获取属性值的对象或数组;
  • 第二个参数是属性的路径,即一组字符串或数字,用来表示属性值所在的位置。

默认值

如果需要在属性不存在的情况下提供一个默认值,可以将默认值作为 get_in 函数的第三个参数传入:

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

更多示例

1. 获取数组元素

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

2. 使用默认值

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

3. 获取嵌套数组的最后一个元素

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

TypeScript

如果你使用 TypeScript,可以通过以下方式使用 get_in:

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

总结

使用 @jaredly/get_in 可以很方便地获取任意深度的对象或数组属性值。它是一个轻量级的 npm 包,可以与任何模块打包器一起使用,并支持 JavaScript 和 TypeScript。希望本文的介绍对您的开发工作有所帮助。

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


猜你喜欢

  • npm 包 @tsiry/eth-keyring-controller 使用教程

    简介 @tsiry/eth-keyring-controller 是一个基于以太坊的钱包管理库,可用于管理以太坊原生账户、导入账户、HD 钱包账户、硬件钱包账户以及其他自定义账户。

    3 年前
  • npm 包 @tsiry/ethereumjs-wallet 使用教程

    在以太坊开发中,钱包是必不可少的。@tsiry/ethereumjs-wallet 就是一个非常好用的以太坊钱包npm包,本文将详细介绍该npm包的使用方法,并为大家提供了一些代码示例。

    3 年前
  • npm 包 bill-app-models 使用教程

    前言 在前端开发过程中,我们经常会需要使用一些常用的组件或工具来完成工作。而 npm 包就是为前端开发者提供便捷的开发工具、框架、插件等等。 在本文中,我们将介绍一个常用的 npm 包:bill-ap...

    3 年前
  • npm 包 exchange-front-end 使用教程

    在前端开发中,我们经常会用到一些常用的工具或库,这些工具或库大部分都会被封装成 npm 包,以供我们快速使用和集成。本文将介绍一款常用的 npm 包 exchange-front-end,详细介绍其使...

    3 年前
  • npm包zed-component-loader的使用教程

    介绍 npm包zed-component-loader是一个用于在前端加载组件的工具。它可以帮助我们快速的加载和使用组件,大大提高了我们的开发效率。 使用zed-component-loader加载组...

    3 年前
  • npm包noaa-bulletin-parser使用教程

    简介 NOAA(美国国家海洋和大气管理局)是一家提供天气预报和气象数据的组织。noaa-bulletin-parser是一个用于解析NOAA气象公告的npm包,可以将气象公告转换为易读的javascr...

    3 年前
  • npm 包 node-tesseract2 使用教程

    前言 在前端开发中,有时需要进行文字识别和处理的操作,而 tesseract 是一个非常优秀的 OCR(Optical Character Recognition,光学字符识别)引擎,我们可以通过 n...

    3 年前
  • npm 包 vue-component-table-package 使用教程

    Vue 是一个流行的前端框架,在开发过程中我们常常会需要使用到表格组件。vue-component-table-package 是一个基于 Vue 的表格组件,可以帮助我们快速地解决表格相关的问题。

    3 年前
  • npm 包 vuex-alt 使用教程

    简介 vuex-alt 是 Vue.js 的官方状态管理方案 vuex 的一种实现,它能够帮助我们更好地管理应用的状态。其中 vuex-alt 与 vuex 的区别在于它对命名空间的支持。

    3 年前
  • npm 包 ant-effect-checkbox 使用教程

    在前端开发中,UI 组件是不可少的一部分。其中,复选框是常用的组件之一。但是,传统的复选框可能存在一些用户体验上的问题,比如样式单调、交互不够友好等。为了解决这些问题,可以使用 ant-effect-...

    3 年前
  • npm 包 skeleton-styled 使用教程

    简介 skeleton-styled 是一个前端骨架屏生成工具,基于 React 和 styled-components 实现。它可以生成各种形式的骨架屏,以提供更好的用户体验和页面渲染速度。

    3 年前
  • npm 包 ethersv3rn 使用教程

    引言 ethersv3rn 是一款基于 ethers.js 的 JavaScript 库,用于构建和交互以太坊智能合约及其方法。ethersv3rn 提供了现代化的开发工具和更简单和易于理解的 API...

    3 年前
  • npm 包 ngrok-simple 使用教程

    前言 在开发 Web 应用程序时,我们经常需要将本地安装的应用程序暴露到公共互联网上,以便外部用户可以访问该应用程序。这通常需要通过将本地服务器暴露到公共互联网上来实现。

    3 年前
  • npm 包 super-tcplayer 使用教程

    简介 super-tcplayer 是一款基于腾讯云直播的 H5 播放器,支持多种格式的视频播放,同时提供了丰富的 API 供开发者自定义功能。使用 super-tcplayer 可以轻松实现直播播放...

    3 年前
  • npm包terbiumbot使用教程

    npm包是现在前端开发必备的工具之一,而terbiumbot是一个非常实用的npm包。接下来,我们将详细介绍 terbiumbot的使用方法。 什么是terbiumbot? terbiumbot是一个...

    3 年前
  • npm 包 @mmierzynski/image-zoom 使用教程

    简介 @mmierzynski/image-zoom 是一款轻量级的图片缩放工具,通过鼠标滚轮或者手势缩放图片,在前端页面使用场景广泛。此处介绍了该 npm 包的使用教程,可以帮助开发者快速上手。

    3 年前
  • npm 包 fonttools-linux 使用教程

    前言 在前端开发中,我们常常需要在网页中使用特定的字体样式。但是,当需要在不同的平台或设备上展示相同的字体时,会面临诸多困难。因此,本文将介绍如何使用 npm 包 fonttools-linux,以便...

    3 年前
  • npm 包 glacier-ui 使用教程

    glacier-ui 是一个基于 React 的前端组件库,提供了丰富的 UI 组件,适合用于构建各种 Web 应用和网站。 在本教程中,我们将介绍如何使用 glacier-ui,包括安装、使用和定制...

    3 年前
  • npm 包@rgba-image/color 使用教程

    前言 在前端项目开发中,颜色处理是一个常见的需求。@rgba-image/color 是一个可用于在 Node.js 和浏览器中进行颜色转换和操作的小型 npm 包。

    3 年前
  • npm 包 eloquafy 使用教程

    前言 在 Web 开发中,我们经常需要将数据转换为不同的数据格式,如将 JSON 转为 XML 等。这些转换过程可能比较繁琐,而且容易出错。针对这个问题,有许多成熟的 npm 包可以使用。

    3 年前

相关推荐

    暂无文章