将背景颜色分配给数组中的类

<div id="container"></div>

// 定义数组和类别
var data = [
  { name: '对象1', category: '类别A' },
  { name: '对象2', category: '类别B' },
  { name: '对象3', category: '类别A' },
  // ...
];

// 定义类别与背景颜色的映射关系
var categoryColors = {
  '类别A': '#FF0000',
  '类别B': '#00FF00',
  // ...
};

// 获取容器元素
var container = document.getElementById('container');

// 遍历数组中的对象
data.forEach(function(obj) {
  // 创建新的元素
  var element = document.createElement('div');
  
  // 设置元素的样式类和背景颜色
  element.className = 'item';
  element.style.backgroundColor = categoryColors[obj.category];
  
  // 设置元素的文本内容
  element.innerText = obj.name;
  
  // 将元素添加到容器中
  container.appendChild(element);
});