时间戳

首页 > 解决方案 > 从数组中添加相同的标题

javascript - 从数组中添加相同的标题

问题描述

我正在尝试在单击事件中一个一个地从数组中添加一个标题，但它一直在添加相同的标题。有人可以帮我解决这个问题吗？

let container = document.querySelector('.container');

let btn = document.querySelector('button');
let URL = 'https://swapi.dev/api/films/';

btn.addEventListener('click',()=>{
    fetch(URL)
    .then((response) => {
        return response.json();
    })
    .then((data) => {
        let c = data.results.splice(0,1);
        c.forEach(a=>container.innerHTML += `<div class="title">${a.title}</div>` ); 
 
    });
});

标签： javascriptarrays

解决方案

它添加了相同的标题，因为您splice的data.results. 如果你不这样做，你会得到一个电影列表（我猜），你可以访问它的标题。

let container = document.querySelector('.container');

let btn = document.querySelector('button');
let URL = 'https://swapi.dev/api/films/';

btn.addEventListener('click', () => {
  fetch(URL)
    .then((response) => {
      return response.json();
    })
    .then((data) => {
      let c = data.results;
      c.forEach(a => container.innerHTML += `<div class="title">${a.title}</div>`);

    });
});
<div class="container"></div>
<button>add</button>

推荐阅读