Javascript 如何使用模板字符串获取对象属性的值

发布于07月26日

我有一个对象totalData，我正在对其进行分解，以添加一个新的对象值.我知道我可以使用模板字符串(如下所示)定义新的对象属性，但如何使用模板字符串来获取对象值？下面的代码只是运行了一个错误，例如在[${currentMonth}]后面写着"预期标识符".还有别的方法吗？

const newTotalData = {
      ...totalData,
      [`${currentYear}`]: {
        [`${currentMonth}`]: {
          [`${currentWeek}`]: {
            [`${currentDay}`]: {
              completedTasks: totalData[`${currentYear}`].[`${currentMonth}`].[`${currentWeek}`].[`${currentDay}`].completedTasks + 1
            }
          },
        },
      },
    };

推荐答案

问题不在于模板字符串，而是您使用的.[…]语法.使用either dot or bracket notation，不要同时使用两个:

completedTasks: totalData[`${currentYear}`][`${currentMonth}`][`${currentWeek}`][`${currentDay}`].completedTasks + 1

但是，请注意，在代码中使用模板文字是没有意义的.属性键已经隐式强制为字符串，无需将变量放入不添加任何内容的模板文字中.只要写

const newTotalData = {
  ...totalData,
  [currentYear]: {
    [currentMonth]: {
      [currentWeek]: {
        [currentDay]: {
          completedTasks: totalData[currentYear][currentMonth][currentWeek][currentDay].completedTasks + 1
        },
      },
    },
  },
};