Como faço isso?

const cDB = [

test = {
appearance: 'https://image2url.com/images/1763839967613-ad7e3cd4-3f49-4c59-bc5c-ad19b3748757.jpg',
bg: '',

col1: '#fff',
col2: '#000',
col3: '#777',

name: 'Syrian Presster',
uname: 'SyPress',
about: 'Detailed big description',

gender: g1,
species: 'Wolf',
occupation: 'Militar',

likes: 'Meat, Nature, Water',
dislikes: 'People, Fire',

detailedStats: {
strength: 70,
speed: 50,
agility: 80,
resistance: 60,
defense: 40,
dexterity: 75,

confidence: 65,
intellect: 78,
empathy: 40,
charisma: 55,
patience: 30,
temper: 45,
humor: 70,
creativity: 82,
kindness: 60,
curiosity: 73,
imagination: 88,
resilience: 69,
optimism: 50,
honesty: 90, }

relations: [],
rel: [], }, ];

O cDB precisa das variáveis, não existe 1 personagem só, não tem sentido ter 50 itens jogados sem identificação, tem que ser assim:

PersonagemA = { Dados APENAS do Personagem A }
PersonagemB = { Dados APENAS do Personagem B }
PersonagemC = { Dados APENAS do Personagem C }

O cDB é o "banco" que guarda tudo junto, mas todos são Idependentes, não variáveis independentes jogadas, cada uma pertence a um Personagem, mas todos pertencem ao Banco, e ficam guardadas nele.

Isso não faz sentido nenhum:

const cDB = [
{ Dados Aqui },
{ Dados Aqui},
{Dados Aqui} ];

Dado do quê? De quem? De onde? Qual?

Mas não funciona quando crio o Banco:
const cDB = [];

E nele coloco os itens:
personagem1 = {}

Nenhum funciona:
personagem1 {}
personagem1: {}
personagem1 === {}
personagem1 > {}
personagem1, {}

O código parece não encontrar os itens dentro da variável que tem outras variáveis;

const id = item.dataset.char;
const data = cDB[id] ?? {};

Isso define os estilos, cada personagem é estilizado com sua paleta própria, nenhum item é rígido, só o estilo da página e como tudo se encaixa, textos, cores, efeitos, tudo é diferente pra cada um.

Ele não encontra os dados dentro do cDB.