前言
在前端开发中,经常需要操作对象或数组中的键,JavaScript 原生提供了一些 API,如 Object.keys()
和 Array.prototype.keys()
,但是它们有时候无法满足我们的需求,比如我们想要从一个对象中获取深层嵌套的键,这时候就需要借助第三方库来实现了。本文要介绍的是一个 npm 包 keys-array
,可以方便地获取对象或数组中的键。
安装
keys-array
是一个 npm 包,可以使用 npm
或 yarn
安装。
npm install keys-array # or yarn add keys-array
使用
keys-array
提供了两个 API:getKeys()
和 getDeepKeys()
。
getKeys(obj)
:获取一个对象的所有键,返回值是一个数组。-- -------------------- ---- ------- ------ - ------- - ---- ------------- ----- ----- - - ----- ----------- ---- --- -------- - ----- ---------- -------- -------- -- -- ----- ---- - --------------- -- -------- ------ ----------
getDeepKeys(obj)
:获取一个对象中所有深层嵌套的键,返回值是一个数组。-- -------------------- ---- ------- ------ - ----------- - ---- ------------- ----- ----- - - ----- ----------- ---- --- -------- - ----- ---------- -------- - ----- ----- ----- -------- -- -- -- ----- ---- - ------------------- -- -------- ------ --------------- ----------------------- -----------------------
示例
示例 1:获取对象的所有键
import { getKeys } from "keys-array"; const myObj = { name: "xiaoming", age: 18, }; const keys = getKeys(myObj); // ['name', 'age']
示例 2:获取数组的所有键
import { getKeys } from "keys-array"; const myArr = [1, 2, 3]; const keys = getKeys(myArr); // ['0', '1', '2']
示例 3:获取对象深层嵌套的键
-- -------------------- ---- ------- ------ - ----------- - ---- ------------- ----- ----- - - ----- ----------- ---- --- -------- - ----- ---------- -------- - ----- ----- ----- -------- -- -- -- ----- ---- - ------------------- -- -------- ------ --------------- ----------------------- -----------------------
总结
keys-array
是一个简单易用的 npm 包,可以方便地获取对象或数组中的键,特别是在操作深层嵌套对象时非常有用。希望本文对您有所帮助。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60066eff4c49986ca68d8bd9