[Javascript] Conditionally spread entries to a JavaScript object

最新推荐文章于 2025-09-10 19:44:49 发布

weixin_30867015

最新推荐文章于 2025-09-10 19:44:49 发布

阅读量58

点赞数

CC 4.0 BY-SA版权

文章标签： javascript ViewUI

原文链接：http://www.cnblogs.com/Answer1215/p/10277428.html

本文讲解了如何使用JavaScript的展开运算符（spread operator）来根据条件向对象中添加属性。通过一个实例，演示了如何根据用户是否为管理员，有条件地添加'is_admin'属性。

In JavaScript, we often end up composing one object out of several other objects. Luckily there's a convenient spread operator which allows us to spread entries from one object to another.

Sometimes we only want to include something in the newly created object if a certain condition is met. In this lesson we are going to learn how to conditionally add entries to a JavaScript object using the spread operator.

const isAdmin = () => true;

const userData = {
  name: "Tomasz",
  surname: "Łakomy"
};

// TODO:
// if user is an admin, add a is_admin: true
// to the object, otherwise don't add anything
const userObject = {
  id: 123,
  ...userData,
  ...(isAdmin() ? { is_admin: true } : {})
};

console.log(userObject);