数组中查找第一次出现的元素

作者: MJ 分类: javascript 发布时间: 2019-11-23 17:24

有这样的需求:我们需要找到返回数据中第一次出现的元素,并在第一个元素之前加上标题,代码如下:

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <meta http-equiv="X-UA-Compatible" content="ie=edge">
  <title>Document</title>
</head>

<body>
  <div id="demo"></div>
  <script>
    let data = [
      {
        title: "5454545454",
        flag: "a"
      },
      {
        title: "5454545454",
        flag: "a"
      },
      {
        title: "5454545454",
        flag: "b"
      },
      {
        title: "5454545454",
        flag: "c"
      },
      {
        title: "5454545454",
        flag: "c"
      }
    ];
    let flagNum = data.findIndex(item => item.flag === 'c');
    document.getElementById('demo').innerHTML = data.map((item, index) => {
      let title = flagNum === index ? '<h1>我是c模块的标题</h1>' : '';
      return `${title}<p>${item.title}</p>`;
    }).join('');
  </script>
</body>

</html>

参考: findeIndex

欢迎关注小程序,感谢您的支持!

如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!

发表评论

电子邮件地址不会被公开。 必填项已用*标注