npm 包 @jaredly/get_in 使用教程

阅读时长 3 分钟读完

前言

在前端开发中,经常会使用 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

纠错
反馈