Почему ошибка data.forEach is not a function?

Question

[McThinker]

Почему получаю ошибку orders_main:665 Uncaught TypeError: data.forEach is not a function
при этом код отрабатывает правильно?

$(document).ready(function() {
    $("#clientType").keyup(function() {
      var inputVal = $(this).val();
      if (inputVal.length === 0) {
        $("#suggesstion-box").hide();
      }
      if (inputVal.length < 2) {
        $("#fio").attr("autocomplete", "off");
      }
      if (inputVal.length > 2) {
        $("#fio").attr("autocomplete", "on");
        $.ajax({
          type: "POST",
          url: "/vipapi/orders_search_by_fio_auto",
          data: 'fio=' + inputVal,
          beforeSend: function() {
            $("#fioEKB").css("background", "#FFF url(../../../assets/oc/dist/img/giphy.gif) no-repeat 165px");
          },
          success: function(data) {
            let box = $("#suggesstion-box");
            box.show();
            box.empty();
            data.forEach(function (item) {
              $("#suggesstion-box").append(
                '<ul class="my-orders">' +
                    '<li>' + item.fio + '</li>' +
                    '<li>' + item.card_type + '</li>' +
                    '<li><span class='+ item.package.name +'>' + item.package.name + '</span></li>' +
                '</ul>'
              );
            });
          }
        });
      }
    });

Answer 1

[Andrew]

Выведите что у вас в data приходит и будете знать почему сЫч ругается(он работает только с массивами)
И да, используйте .each раз уж всё-равно jQ есть

Comments

[McThinker]

Мне и приходит массив .each не отрабатывает. Ошибка при этом та же, только ничего не выводится

[Andrew]

McThinker, значит это не массив. Покажите полный ответ, можно первую, последнюю скобочку и элемент

[McThinker]

Andrew, вот ответ

[{fio: "Иванов  Иван Иванович", ComName: "Иван Иванович", Lang: "RUS",…}]
0: {fio: "Иванов  Иван Иванович", ComName: "Иван Иванович", Lang: "RUS",…}
ComName: "Иван Иванович"
Id: "123456"
Lang: "RUS"
card_type: "primary"
fio: "Иванов  Иван Иванович"
package: {name: "discont", exp_date: "2020-11-22 09:22"}
exp_date: "2020-11-22 09:22"
name: "discont"

[Andrew]

McThinker, че это ваще такое. На сервере вы как отправляете? Если там дейсвительно такая структура - то переводите в строку и вытягивайте всё между первыми "[" и "]", уже из этого обьекта добывайте инфу.
UPD: Только сейчас понял что вы скопировали из консоли всё.
Вроде массив, попробуйте просто обратиться к первому элементу и из него достать значения

success: function(data) {
            let box = $("#suggesstion-box");
            box.show();
            box.empty();
            let item = data[0];
              $("#suggesstion-box").append(
                '<ul class="my-orders">' +
                    '<li>' + item.fio + '</li>' +
                    '<li>' + item.card_type + '</li>' +
                    '<li><span class='+ item.package.name +'>' + item.package.name + '</span></li>' +
                '</ul>'
              );
            });
          
}

И если вы используете ES6 можете и строковые литералы юзать.(поудобнее)

[bedolazhka]

используйте .each

+++

[McThinker]

Andrew, let item = data[0]; так не пойдет. Так я обращаюсь к единственному массиву. У меня автокомплит, может быть и 5

[McThinker]

bedolazhka, не срабатывает each. По крайней мере получаю undefined

[DanKud]

Не надо гадать массив приходити или объект. Достаточно просто проверить это:
console.log(Array.isArray(data));

[McThinker]

DanKud, я сразу написал, что мне приходит массив

[Andrew]

McThinker, https://codepen.io/kickerock/pen/abbrGQJ
Ищите где наплужили

[McThinker]

Andrew, что то поменялось? Я же пишу, что в консоле появляется ошибка orders_main:665 Uncaught TypeError: data.forEach is not a function, но при этом код отрабатывает как надо.
В этом и заключался вопрос.

[Andrew]

McThinker, яннп, очевидно, что она не может применить Ыч к какой-то data, это ошибка всегда возникает?

Answer 2

[NaN]

Если data как объект приходит, тогда нужно
Object.keys(data).forEach

Comments

[McThinker]

так не ругается, тогда к item.package.name стучаться по другому нужно?

[NaN]

McThinker, так же, главное чтобы в item был package с этим самым name