Блог

У меня есть массив под названием tagline, который выглядит следующим образом:

 [" Leger Poll", " Web survey of 2", "test", "test", "test", "test"]
 

он извлекается из внешнего CSS-файла. Я присвоил ему имя переменной tagline .

Я хочу напечатать первый и второй элементы с помощью document.getElementById , чтобы я мог стилизовать текст. Я не уверен, почему это не работает? Я попытался вывести переменную за пределы основной функции, чтобы она была глобальной, но все равно не работала. Я начинающий программист. Вот что у меня есть. Пожалуйста, помогите.

     var tagline = [];


    async function getData() {
      // const response = await fetch('testdata.csv');
      var response = await fetch('data/test3.csv');
      var data = await response.text();
      data = data.replace(/"/g, "");
      var years = [];
      var vals = [];

      var rows = data.split('n').slice(1);

      rows = rows.slice(0, rows.length - 1);
      rows = rows.filter(row => row.length !== 0)

      rows.forEach(row => {
        var cols = row.split(",");
        years.push(cols[0]);
        vals.push(0   parseFloat(cols[1]));
        tagline.push(cols[2]);
      });

      console.log(years, vals, tagline);
      return { years, vals, tagline };


    }
    var res = tagline.slice(1);
    document.getElementById("demo1").innerHTML = res;
    var res2 = tagline.slice(2);
    document.getElementById("demo2").innerHTML = res2;


  </script> ```
 

Похоже, вы определили функцию getData() , но не вызывали ее для выполнения.

Поскольку вы используете асинхронную функцию, я использую then() .

 var tagline = [];

async function getData() { ...// your function }

getData().then(() => {

    const res = tagline[0];
    document.getElementById("demo1").innerHTML = res;

    const res2 = tagline[1];
    document.getElementById("demo2").innerHTML = res2;

});

 

Для доступа к определенному индексу массива используйте:

 array[index];
 

В вашем случае:

 tagline[0]; //first element
tagline[1]; //second element
 

Так getData как это async вы должны await для того, чтобы он заполнил tagline :

 await getData(); //call it before you use the tagline array
 

Если вы используете более старую версию JS, которая не поддерживает async/await , вам нужно дождаться ответа с обещанием .then .

Кроме того, имейте в виду:

Метод slice() возвращает неглубокую копию части массива в новый объект массива, выбранный от начала до конца (конец не включен), где начало и конец представляют индекс элементов в этом массиве.