要避免在d3.layout.stack()中列举组名["group 1", "group 2"]，可以使用d3.nest()函数来动态地将数据分组。下面是一个示例代码：

// 假设原始数据如下：
var data = [
  {group: "group 1", value: 10},
  {group: "group 1", value: 20},
  {group: "group 2", value: 30},
  {group: "group 2", value: 40}
];

// 使用d3.nest()函数进行分组
var nestedData = d3.nest()
  .key(function(d) { return d.group; })
  .entries(data);

// 使用分组后的数据创建堆叠图
var stack = d3.layout.stack()
  .values(function(d) { return d.values; })
  .x(function(d) { return d.value; })
  .y(function(d) { return d.group; });

var stackedData = stack(nestedData);

// 打印堆叠后的数据
console.log(stackedData);

在上面的代码中，我们使用d3.nest()函数将原始数据按照group字段进行分组，并将分组后的数据赋值给nestedData变量。然后，我们使用分组后的数据创建了一个堆叠图，其中使用了values()函数指定了每个组内的值，x()函数指定了值的位置，y()函数指定了组的位置。最后，我们将堆叠后的数据赋值给stackedData变量，并打印出来。

这样，我们就可以避免在d3.layout.stack()中硬编码列举组名["group 1", "group 2"]，而是根据原始数据动态地进行分组。