从 JSON 文件为“每个主题标签”创建一个 href 链接

Question

为“每个主题标签”创建一个 href 链接。

但是，下面的代码仅为 JSON 文件中的“最后一个主题标签”创建 href 链接。

遍历 JSON 数组

rows
[ ], [ ], 
[ 
    content: "With the #a b, c at tonight's ..",
    hashtags: [
     "a",
     "b",
     "c" 
],

$.ajax('https://rest.xyz.com/..', {
  type: 'GET', 
  dataType: 'json',
  success: function( data ) { 
    for(i in data.rows[3].hashtags){
      content3 = data.rows[3].content.replace(
        new RegExp('#'+data.rows[3].hashtags[i], 'g'), 
        '<a href="https://x.com/hashtags/'+      
        data.rows[3].hashtags[i]+'"'+
        'target="_blank">'+'#'+data.rows[3].hashtags[i]+'</a>'
    ) 
}

Answer 1

这看起来像是地图的工作！ Map 接受一个转换元素的函数，并将该函数应用于数组中的每个元素。它为您返回一个包含所有新值的新数组。我将映射主题标签数组并返回一个包含标记的新数组。然后你就可以将它们插入到 dom 中了！

$.ajax('https://rest.xyz.com/..', {
  type: 'GET', 
  dataType: 'json',
  success: function( data ) {
    data.rows[3].hashtags.map(function(hashtag) {
      return '<a href="https://x.com/hashtags/' +
             hashtag +
             'target="_blank">#' +
             hashtag +
             '</a>';
    })
    .forEach(function(link) {
      // Do stuff here with each one!
      // $('body').append(link);
    });
  }
});

当然，您可以跳过地图，只在每个链接上使用 forEach，创建标签并立即插入它。为了便于阅读，我将它们分为两个单独的步骤。