javascript关联数组中的数组推送

Question

我正在尝试创建日期和样式的关联数组。我期待一个像

这样的数组

{   
   dates: [{day: 1, month: 12, year: 2021}, {day: 15, month: 12, year: 2021}],
   styleClass: 'test'
},

我的代码是

var markedDates = [];
markedDates['dates'].push('day: 1, month: 12, year: 2021');
markedDates['dates'].push('day: 15, month: 12, year: 2021');
markedDates['styleClass'].push('test');
console.log(markedDates);

返回错误

Answer 1

问题 1：markedDates 已被定义为一个数组 ([])。要将其定义为对象（这是您的预期输出），请使用 {}。 （在 JavaScript 中没有“关联数组”之类的东西；数组使用 0、1 等作为索引。对象使用 0、1、key、another_key 作为索引 [或键，更准确地说]。）

问题 2：您没有在 markedDates 中定义 dates 数组，这将导致引用错误。

问题 3：您将字符串推送到数组而不是对象。这不会出错，但不会产生预期的输出。

问题 4：您尝试将 styleClass 用作数组 - 它只是 markedDates 中的字符串属性。

以逐行方式修复您的代码（保持与原始代码的相似性）：

var markedDates = {};

markedDates.dates = [];
markedDates.dates.push({day: 1, month: 12, year: 2021});
markedDates.dates.push({day: 15, month: 12, year: 2021});
markedDates.styleClass = "test";

console.log(markedDates);

.as-console-wrapper { max-height: 100% !important; top: auto; }

但是，如果您在顶部静态定义了预期的输出，则可以直接将其分配给变量：

var markedDates = {
  dates: [{ day: 1, month: 12, year: 2021 }, { day: 15, month: 12, year: 2021 }],
  styleClass: 'test'
};

console.log(markedDates);

Answer 2

你应该考虑的事情 -

1. 制作一个需要推入更大数组的对象。例如：markedDate 在下面的代码中。
2. 应直接使用等于运算符分配字符串，无需像在数组中那样推送它
3. 先将内部字段dates 初始化为数组，然后再推入它

var markedDates = [];
var markedDate = {};
markedDate['dates'] = [];
markedDate['dates'].push({day: 1, month: 12, year: 2021});
markedDate['dates'].push({day: 15, month: 12, year: 2021});
markedDate['styleClass'] = 'test';
markedDates.push(markedDate);
console.log(markedDates);