首页 > web前端 > js教程 > 如何有条件地将成员添加到 JavaScript 对象?

如何有条件地将成员添加到 JavaScript 对象?

DDD
发布: 2024-12-04 06:56:09
原创
764 人浏览过

How to Conditionally Add Members to a JavaScript Object?

在 JavaScript 中有条件地向对象添加成员

问题:如何动态向对象添加成员,取决于某些条件,在 JavaScript 中?

初始方法:

一种简单的方法是使用 if 语句在满足条件时添加成员:

var a = {};
if (someCondition)
    a.b = 5;
登录后复制

惯用解决方案:

要编写更惯用和简洁的代码,请避免使用 undefined 作为条件成员的值。相反,使用条件三元运算符:

a = {
    b: (someCondition? 5 : undefined)
};
登录后复制

但是,如果不满足条件,这种方法仍然会导致 b 成员被定义为未定义的值。

ES6使用逻辑 AND 的解决方案:

对于具有多个成员的一般情况,ES6 引入了一个巧妙的解决方案,使用扩展运算符和逻辑 AND 短路求值:

const a = {
   ...(someCondition && {b: 5})
}
登录后复制

逻辑 AND (&&) 运算符如果任何操作数为 false,则求值为 false。由于 JavaScript 中 undefined 为 false,因此如果 someCondition 为 false,则 {b: 5} 对象不会包含在展开运算符中,从而有效防止将 b 成员添加到对象中。

以上是如何有条件地将成员添加到 JavaScript 对象?的详细内容。更多信息请关注PHP中文网其他相关文章!

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