Почему срабатывают оба условия в цикле?

Question

[Yuber70 Roshe]

Здравствуйте, учу js, немного не могу понять почему срабатывает else если первый if срабатывает.
Ведь на каждой итерации условие в if верно. Предполагаю , поскольку это цикл, помимо arr[i] по не понятной мне причине , срабатывает еще и arr.

btn.forEach(function (item) {
  item.onclick = function () {
    let str = item.innerHTML;
    let arr = img.getAttribute("data-attribute");
   // let str2 = str.split("");

    for (let i = 0; i < arr.length; i++) {
        if ((arr[i] == str)) {
          parent.innerHTML += str; //item.innerHTML;
        } else {
          alert("Error");
        }
      }
    
  };
});

Comments

[Сергей Соколов]

getAttribute() возвращает значение атрибута, строку. А не массив.
Цикл for() проходит столько итераций, сколько букв в строке.

Из вопроса не понятно, что находится в btn, img. Приведите разметку, а лучше сделайте jsfiddle.

[Сергей Сергей]

Можно вывести сравниваемые значения перед условием и самостоятельно узнать, равны они или нет.
alert( arr[ i ] + ' ' + str );

[Дмитрий Беляев]

Поставьте точку останова в начале функции и пройдите ее по шагам в отладчике, посмотрите значения переменных на каждом шаге, все выражения что участвуют в условии вынесите в отдельные переменные для простоты отладки

[Yuber70 Roshe]

Сергей Сергей,

Можно вывести сравниваемые значения перед условием и самостоятельно узнать, равны они или нет.
alert( arr[ i ] + ' ' + str );

В том то и дело, что arr[ i ]== str . Проверял в консоли.

[Сергей Сергей]

все arr.length раз?

[Yuber70 Roshe]

Дмитрий Беляев,

Спасибо.