求助：如何使用if else语句在JavaScript对象中创建属性

嘿，看你在给JS对象加条件属性的时候碰到语法问题了——确实，不能直接在对象字面量里塞if/else块，咱们一步步来搞定它！

问题根源 #

你原来的代码试图在对象字面量内部直接写流程控制逻辑，这不符合JavaScript的语法规则。对象字面量要求我们直接定义键值对，没法在里面插入if这类条件语句。

几种可行的解决方案 #

下面是三种常用的实现方式，你可以根据自己的代码场景选择：

方案1：先创建基础对象，再通过条件追加属性（最直观）

这种方法适合新手理解，先构建好固定属性的对象，再根据条件动态添加属性：

// 先定义基础属性（注意：这里把原数据变量名改成originalUserInfo避免覆盖，你可以根据实际情况调整）
const userInfo = {
  userid: originalUserInfo.userid,
  pid: originalUserInfo.pid,
  usernameType: originalUserInfo.usernameType
};

// 提前判断cookie状态，避免重复调用函数
const isCookieAccepted = getCookieValue('JetPrivilege_CCounter_C', 'userAcceptedCookie') === "true";

if (isCookieAccepted) {
  userInfo.cookieAccept = 'Y';
  userInfo.cookieDateTime = getCookieValue('JetPrivilege_CCounter_C', 'ad');
  userInfo.sessionID = JSESSIONID;
  userInfo.cookieAcceptedProperty = getCookieValue('JetPrivilege_CCounter_C', 'as');
  userInfo.sessionDateTime = JSESSIONTIME;
} else {
  // 补充你else分支的逻辑，比如默认的cookie状态
  userInfo.cookieAccept = 'N';
  // 其他else下需要的属性...
}

方案2：用ES6对象展开运算符一次性创建（更简洁）

如果你习惯用ES6+的语法，可以用展开运算符把条件对象合并到基础对象中，一次性完成创建：

const isCookieAccepted = getCookieValue('JetPrivilege_CCounter_C', 'userAcceptedCookie') === "true";

const userInfo = {
  userid: originalUserInfo.userid,
  pid: originalUserInfo.pid,
  usernameType: originalUserInfo.usernameType,
  // 用三元运算符判断，展开对应条件的属性对象
  ...(isCookieAccepted ? {
    cookieAccept: 'Y',
    cookieDateTime: getCookieValue('JetPrivilege_CCounter_C', 'ad'),
    sessionID: JSESSIONID,
    cookieAcceptedProperty: getCookieValue('JetPrivilege_CCounter_C', 'as'),
    sessionDateTime: JSESSIONTIME
  } : {
    // else分支的属性集合
    cookieAccept: 'N',
    // 其他属性...
  })
};

方案3：针对个别属性的条件赋值

如果只有部分属性是条件性的，也可以用三元运算符直接赋值，配合短路求值处理可选属性：

const isCookieAccepted = getCookieValue('JetPrivilege_CCounter_C', 'userAcceptedCookie') === "true";

const userInfo = {
  userid: originalUserInfo.userid,
  pid: originalUserInfo.pid,
  usernameType: originalUserInfo.usernameType,
  // 直接用三元运算符给单个属性赋值
  cookieAccept: isCookieAccepted ? 'Y' : 'N',
  // 只有条件为真时才添加这些属性，用短路求值+展开运算符
  ...(isCookieAccepted && {
    cookieDateTime: getCookieValue('JetPrivilege_CCounter_C', 'ad'),
    sessionID: JSESSIONID,
    cookieAcceptedProperty: getCookieValue('JetPrivilege_CCounter_C', 'as'),
    sessionDateTime: JSESSIONTIME
  })
};

几个要注意的细节 #

• 变量名冲突：确保你用来存储原用户信息的变量（比如我上面写的originalUserInfo）和新创建的userInfo不重名，避免不小心覆盖原数据。
• 严格相等判断：建议用===代替==，这样可以避免JavaScript自动类型转换带来的意外问题。
• 依赖项检查：确认getCookieValue函数、JSESSIONID、JSESSIONTIME这些变量/函数都已经正确定义，不然会出现引用错误。

内容的提问来源于stack exchange，提问作者Deepak Gupta