javascript 地图函数创建额外的逗号

Question

这是我的 html 文件：

  function showMovies(){
    const movies = [
    {title: 'a nice movie', year: 2020, rating: 4.5},
    {title: 'another nice movie', year: 2021, rating: 4.8},
    {title: 'just another movie', year: 2022, rating: 4.2}
  ];
  
  let html ="";
  html = movies.map(function(m) {
    return "<li>" + m.title + '-' + m.year + "-"  + m.rating + "</li>";
  });

  html = "<ul>" + html + "</ul>";
  
  document.getElementById('list').innerHTML = html;
  
}

<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>  
  </head>
  <body onload="showMovies()">
    <h2>List of movies</h2>
    <div id="list"></div>
    <script src="movies.js"></script>
  </body>
</html>

当我预览页面时，我有多余的逗号，如下图所示：

这是地图功能的预期结果吗？我应该链接一些连接/分割函数来去掉多余的逗号吗？

Answer 1

当你这样做时：

html = "<ul>" + html + "</ul>";

html

was 是一个数组，但你将它折叠成一个字符串。在此过程中，JavaScript 将其表示为一组逗号分隔的值。

您可以显式地将数组 join 转换为字符串，而不是隐式地将数组转换为字符串：

html = "<ul>" + html.join("") + "</ul>";

javascript 地图函数创建额外的逗号

问题描述投票：0回答：1

1个回答

最新问题

javascript 地图函数创建额外的逗号

问题描述 投票：0回答：1

1个回答

最新问题

问题描述投票：0回答：1