оператор распространения, преобразующий объекты в массив

"Есть ли способ использовать оператор спреда для получения желаемого результата?" Краткий ответ: нет. (см. ниже альтернативное решение того, что вы пытаетесь выполнить)

"Кроме того, почему этот подход не работает?"

Это не работает, потому что согласно документам MDN

«Предложение Rest/Spread Properties для ECMAScript (этап 3) добавляет свойства распространения к литералам объектов. Оно копирует собственные перечисляемые свойства из предоставленного объекта в новый объект».

Как говорится в документах, в соответствии с «предложением по свойствам Rest/Spread», вы не можете распространять свойства объекта на массив, объекты всегда будут распространять свои свойства на новый объект. Точно так же массивы не будут распространяться на объект, они будут распространяться только на новый массив.

Альтернативное решение:

You can do this fairly easily with Object.keys().map(). Object.keys() will get an array of the keys of the object, and Array.map() will map them into an array of the desired structure, like so:

var data = { 
  0:{A:"a"}, 
  1:{B:"b"}, 
  2:{C:"c"}, 
}

var result = Object.keys(data).map(function (key) {
   return { [key]: data[key] };
});
console.log(result);

Вы можете использовать Object.entries для получения пары [ключ, значение] и сопоставьте их с массивом объектов с помощью вычисленные имена свойств:

const data = { 
  0:{A: 'a'}, 
  1:{B: 'b'}, 
  2:{C: 'c'}
};

const result = Object.entries(data).map(([key, value]) => ({ [key]: value }));

console.log(result);

Боюсь, вы не можете использовать оператор распространения, как в вашем примере, однако вы можете получить желаемый результат с помощью reduce.

data = { 
  0:{A:'a'}, 
  1:{B:'b'}, 
  2:{C:'c'}, 
}

let resArr = Object.keys(data).reduce((arr, e) => {
  arr.push({[e]: data[e]});
  return arr;
}, []);

console.log(resArr);