Почему он захватывает букву за буквой вместо полной строки ruby на рельсах + javascript

Question

так что мне нужно следующий скрипт

var item = '<%= @invoice.items.length %>'
  var items_arr = '<%= raw @invoice.items.to_json %>' /* items_arr = ["kostas","spoom","fork"]*/
  var table = document.getElementById("tableid");
  for (var i = 1; i < item; i++)
    {
    console.log(items_arr)
    console.log(items_arr[1])
            var rowid=table.rows.length-1;
            var row = table.insertRow(rowid+1);
            row.id = (rowid+1).toString();
            var cell0 = row.insertCell(0);
            var cell1 = row.insertCell(1);
            var cell2 = row.insertCell(2);
            var cell3 = row.insertCell(3);
            var cell4 = row.insertCell(4);
        cell0.innerHTML = items_arr[i];
        cell1.innerHTML = "<input type='number'  size='8' name='invoice[tax][i]' step='0.01'></input>";
        cell2.innerHTML = "<input type='number'  size='8' name='invoice[discount][i]' step='0.01'></input>";
        cell3.innerHTML = "<input type='number'  size='8' name='invoice[sum][i]' step='0.01'></input>";
        cell4.innerHTML = "<input type='number'  size='8' name='invoice[price][i]' step='0.01' ></input>";

    }

так что мой массив это items = ["kostas", "spoom", "fork "] поэтому, когда я делаю предметы [0], я хочу захватить" kostas ", но по некоторым причинам предметы [0] захватывают "

также в ruby на рельсах @ invoice.items [0] == "костас"