挑战：CSV 解析器

CSV 格式（逗号分隔值）无处不在：从 Excel 导出、数据库转储、命令行工具的输出。解析它是一个小挑战，结合了 split、map、解构和对象构造。

格式

最小的 CSV 是一个多行字符串：第一行是标题（列名称），然后是一个每条记录行，字段以逗号分隔。

Code

nome,eta,citta
Alice,30,Roma
Bob,25,Milano

经典的目标是将其转换为对象数组：

[
  { nome: 'Alice', eta: '30', citta: 'Roma' },
  { nome: 'Bob', eta: '25', citta: 'Milano' },
];

3步食谱

按行分割字符串：csv.split('\n')
提取标题行：第一行，以逗号分隔
映射每个剩余行到一个对象，将每个字段与匹配的标头配对

function parseCSV(csv) {
  const righe = csv.split('\n');
  const intestazione = righe[0].split(',');
  return righe.slice(1).map((riga) => {
    const campi = riga.split(',');
    const record = {};
    intestazione.forEach((nome, i) => {
      record[nome] = campi[i];
    });
    return record;
  });
}

更现代的替代方案：

const record = Object.fromEntries(intestazione.map((nome, i) => [nome, campi[i]]));

转换类型

解析的字段始终是字符串。如果您知道某些列是数字：

record.eta = Number(record.eta);

或者写一个小“模式”：

const numeriche = new Set(['eta', 'prezzo']);
intestazione.forEach((nome, i) => {
  const v = campi[i];
  record[nome] = numeriche.has(nome) ? Number(v) : v;
});

尝试一下

锻炼#js.m8.l2.e1

尝试：0加载中...

定义采用 CSV 字符串的“parseCSV(csv)”（第一行 = 标题，逗号作为分隔符）。返回带有标题键的对象数组。所有值都保留为字符串。忽略空行。

正在加载编辑器...

显示提示

在换行符处拆分，第一行 = 标题，映射其余行，Object.fromEntries。

3 次尝试后可用的解决方案

复习练习

锻炼#js.m8.l2.e2