Question

我有一个非常简单的文件，应该将一个网页抓取一些数据。阅读后，我将自己设置为artoo，request和cheerio，但现在我陷入了困境。这是我到目前为止的代码。

request('http://www.ciclopi.eu/frmLeStazioni.aspx?ID=144', function (error, response, html) {
    if (!error && response.statusCode == 200) {
      var $ = cheerio.load(html);
      artoo.bootstrap(cheerio);

      var scraper = $('span.Stazione, span.TableComune, span.Red').scrape({
        class: 'class', 
        content: 'text'
      });
      console.log(scraper);
   }
});

此代码将json对象解析为 scraper 变量，其结构如下：

[ { class: 'Stazione', content: 'Galleria Gerace' },
{ class: 'TableComune', content: 'Via Carlo Matteucci' },
{ class: 'Red', content: '7 bici libere5 posti disponibili' },
{ class: 'Stazione', content: 'C. Marchesi' },
{ class: 'TableComune', content: 'Via M. Valgimigli' },
{ class: 'Red', content: '2 bici libere10 posti disponibili' },
{ class: 'Stazione', content: 'CNR-Praticelli' },
{ class: 'TableComune', content: 'Via G. Moruzzi' },
{ class: 'Red', content: '7 bici libere7 posti disponibili' } ]

我需要的是重新排列 scraper 对象，就像这样

scraper = [
    {
        "Name": the content for class Stazione,        
        "Address": the content for class TableComune,
        "Bikes": the content for class Red
    },
    {
        "Name": the content for class Stazione,        
        "Address": the content for class TableComune,
        "Bikes": the content for class Red
    }
    ...
]

我真的在黑暗中，希望我能解释一下自己。

Answer 1

对于这种突变，我将使用Array.prototype.reduce方法。

const data = [ 
  { class: 'Stazione', content: 'Galleria Gerace' },
  { class: 'TableComune', content: 'Via Carlo Matteucci' },
  { class: 'Red', content: '7 bici libere5 posti disponibili' },
  { class: 'Stazione', content: 'C. Marchesi' },
  { class: 'TableComune', content: 'Via M. Valgimigli' },
  { class: 'Red', content: '2 bici libere10 posti disponibili' },
  { class: 'Stazione', content: 'CNR-Praticelli' },
  { class: 'TableComune', content: 'Via G. Moruzzi' },
  { class: 'Red', content: '7 bici libere7 posti disponibili' }
];

const result = data.reduce((acc, item) => {
  if (item.class === 'Stazione') {
    acc.push({ 'Name': item.content });
  } else {
    const last = acc[acc.length - 1];
    if (item.class === 'TableComune') {
      last['Address'] = item.content;
    } else { // if (item.class === 'Red')
      last['Bikes'] = item.content;
    }
  }
  return acc;
}, []);

在这里，我们遍历初始数据数组并通过2个条件点生成结果数组：

如果当前项目是Stazione，那么我们将一个新对象推送到结果数组；该对象将具有对应于当前Stazione内容的Name属性
否则，我们将更新结果数组的最后一个元素：TableComune内容将移至Address属性，红色内容将移至Bikes属性。

只有在初始数据数组中的Stazione-TableComune-Red对象严格排序的情况下，该过程才有效。

如何重新排列Artoo.js生成的JSON对象？

1 个答案: