首页 > web前端 > js教程 > 正文

如何有条件地向对象添加属性

WBOY
发布: 2024-09-08 20:35:09
原创
594 人浏览过

How to add properties in object conditionally

如何有条件地向对象添加属性

在 JavaScript 或 TypeScript 中构建对象时,通常会根据表达式的求值有条件地添加属性。这通常是使用扩展运算符 (...) 结合逻辑条件来完成。

const condition = (a, b) → a › b; const obj = {
          a: 1, b: 2,
          ... (false && {c: 3}), 
          ... (true && {d: 4}), 
          ... (condition (1, 2) && {e: 5}),
        }; 
console.log(obj); // output: { a: 1, b: 2, d: 4 }
登录后复制

解释

  • false && {c: 3}:计算结果为 false,表示 {c: 3} 对象不会传播到 obj 中。

  • true && {d: 4}:由于条件为 true,因此 {d: 4} 被传播到 obj 中。

  • condition(1, 2) && {e: 5}:条件函数评估是否a > > b.由于1> 2 为 false,对象 {e: 5} 不会传播。

此技术是一种强大的方法,可以保持对象定义干净简洁,同时根据各种条件动态添加属性。

输出

最终的对象如下所示:
{ a: 1, b: 2, d: 4 }

以上是如何有条件地向对象添加属性的详细内容。更多信息请关注PHP中文网其他相关文章!

来源:dev.to
本站声明
本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系admin@php.cn
热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板