什么是 immutably-get?
immutably-get 是一个 npm 包,它提供了一种简单的方式来获取 JavaScript 嵌套对象中的属性,而不会改变原始对象。它背后的思想是使用不可变数据结构,它们不会直接更改对象,而是在更改后返回新对象。
安装 immutably-get
你可以使用 npm 在你的项目中安装 immutably-get。在终端中输入以下命令:
npm install immutably-get
然后使用以下代码导入它:
import { get } from 'immutably-get'
或者,在您的 HTML 文件中包含以下脚本标记:
<script src="https://unpkg.com/immutably-get"></script>
使用 immutably-get
使用 immutably-get 很简单 - 您只需要调用 get
函数并传入对象以及你想要获取的属性的键。不要担心传递不存在的键,它会返回 undefined
。让我们看一个简单的例子:
-- -------------------- ---- ------- ----- ----- - - ----- ------- ---- --- -------- - ----- ---- ------ ------ ---- - - ----- -------- - ---------- --------------- --------------------- -- -- ---- -----
get
函数也接受第三个参数,该参数是默认值,它会在传递的属性不存在时返回。例如:
-- -------------------- ---- ------- ----- ----- - - ----- ------- ---- --- -------- - ----- ---- ------ ------ ---- - - ----- ------- - ---------- -------------- -------- -------------------- -- -- -------
更深的嵌套
immutably-get 也可以用于更深的嵌套属性的访问。例如:
-- -------------------- ---- ------- ----- ----- - - ----- ------- ---- --- -------- - ----- ---- ------ ------ ----- -------- - -------- -------- ---------- ------- - - - ----- ---------- - ---------- -------------------------- ----------------------- -- -- -------
使用数组下标
如果您想要获取数组中的属性,则可以使用数组下标。例如:
const myObj = { name: 'John', age: 30, hobbies: ['reading', 'swimming', 'listening to music'] } const thirdHobby = get(myObj, 'hobbies[2]') console.log(thirdHobby) // 输出 "listening to music"
小结
使用 immutably-get,您可以轻松访问 JavaScript 对象中的嵌套属性,而不会直接更改原始对象。它非常适合使用不可变数据结构的项目。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/60055fca81e8991b448dd4f5