在 RxJS 中，pluck 操作符用于从对象或数组中获取指定属性的值。本文将介绍 pluck 操作符的使用方法以及注意事项。
使用方法
使用 pluck 操作符可以将流中的每个元素转换为只包含指定属性的新对象。例如，我们有一个包含员工信息的流，包括员工姓名和工资。我们只想关注员工的工资，可以使用 pluck 操作符从流中获取工资属性：
-- -------------------- ---- ------- ------ - ---- - ---- ------- ------ - ----- - ---- ----------------- ----- ---------- - ------ - ----- ------ ------- ---- -- - ----- -------- ------- ---- -- - ----- -------- ------- ---- - --- ---------------- --------------- -------------------------
输出结果为：
1000 2000 3000
注意事项
pluck 操作符只能获取对象中的一层属性值。对于多层嵌套的对象，可以使用 map 操作符进行筛选。
如果对象中不存在指定属性，pluck 操作符不会引发错误，而是返回 undefined。
以下是一个示例，其中对象中有嵌套属性：
-- -------------------- ---- -------
------ - ---- - ---- -------
------ - ----- - ---- -----------------
----- ------- - ------
-
----- ------
---- ---
-------- -
----- ---- ------
------ ----
-
--
-
----- --------
---- ---
-------- -
----- ---- --------
-
-
---
-------------
---------------- -------
-------------------------输出结果为：
New York undefined
可以看到，对于第二个 person 对象，由于其 address 中不存在 state 属性，所以返回 undefined。
总结
本文介绍了 RxJS 中的 pluck 操作符，包括其使用方法和注意事项。在实际开发中，pluck 操作符可以帮助我们从流中筛选出需要的数据，简化代码逻辑。但需要注意的是，仅适用于一层嵌套的对象，对于多层嵌套的对象需要使用 map 操作符进行筛选。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/648eccc148841e9894d36e13