Как работает Javascript?

Question

[Skrolea]

Есть скрипт корзины (пишется на angular, но тут не суть).
Не могу понять.

vm.cartItems = [];
        function addItemsList(id, name, type) {
            var objItems = {
                id: id,
                name: name,
                type: type
            };  
                vm.cartItems.push(objItems);
              }

Добавляю в корзину товары. Делаю вывод из сервиса

function getItemsList() {
                     console.log('корзина' +vm.cartItems);
           
           return vm.cartItems;
        }

Так вот. Всё выводится на экран (ну там директивой). Но! Вывод console.log('корзина' +vm.cartItems); -ничего не показывает. Только "корзина".
Почему так?

Добавил Планкер

Comments

[Алексей Зуев]

Если после этого показывается только слово корзина, то значит массив пустой

[Skrolea]

Он его возвращает. Т.е. директива, выводящая на экран получает массив, как и положено, и выводит на экран

[Алексей Зуев]

Если массив будет не пустой, то судя по вашему коду будет примерно следующее "корзина[object Object],[object Object],...." в зависимости от кол-ва элементов в массиве

[Алексей Зуев]

Skrolea: он его не возвращает, вы в комментариях ниже написали. что возвращается пустой объект. console.log(vm.cartItems);

[Skrolea]

Я путано объясняю, извините. Код рабочий. В корзину добавляется всё и на экран (через директиву) выводится. Но в консоль - нет. Вот и вопрос, почему return vm.cartItems всё возвращает нормально, а через консоль не хочет

[Алексей Зуев]

Skrolea: лучше покажите где-нибудь живой пример. console.log('корзина' +vm.cartItems); - Такой код будет выполнять строковое преобразование vm.cartItems.

[Skrolea]

Я сейчас постараюсь выложить в plunker - он просто сейчас у меня как то криво работает - не печатает с клавиатуры

[Skrolea]

plnkr.co/edit/zgvc93byMikVQmtagIaH?p=preview

[Алексей Зуев]

Skrolea: ну понятное дело, вы вызвали один раз функцию и всё. cartItemsService.getItems() аналогично cartItemsService.cartItems;

[Алексей Зуев]

Skrolea: Смотрите консоль

Answer 1

[Антон Мудренок]

попробуйте передать в функцию этот vm.cartItems, возможно в момент исполнения функции этот объект считывается со scope, где он пуст

т.е. в момент вывода на консоль у вас передается(точнее как раз не передается, а считывается) пустой массив, но потом он наполняется и вы видите, что все работает нормально

Comments

[Skrolea]

Вот на что-то подобное у меня подозрение

[Антон Мудренок]

Skrolea: по вашему коды вы вызвали getItems() до того как поместили объекты в корзину, а потом его нигде не вызываете

[Skrolea]

Да. Надо как то обновлять. Мне хочется фильтровать список по типу товара.

Answer 2

[Александр]

могу ошибаться, но тут по-моему надо использовать перебор свойств объекта с помощью for in
Ни алерт ни консоль.лог не показывают содержимое объекта прост овызвав переменную, которая его содержит

Comments

[Skrolea]

Выводит jsbin.com/xajirodefe/edit?html,js,console

Answer 3

[Andrey Dyrkov]

попробуйте
console.log('Корзина',vm.cartItems);

Comments

[Skrolea]

Выдаёт пустой массив []

[Andrey Dyrkov]

Skrolea: у вас cartItems это Object! у него нету push метода

[Ivanq]

Andrey Dyrkov:

Выдаёт пустой массив []

Массив [] - это объект {}? Да, все в JS объект, но это - только объект?

[Skrolea]

Прошу прощения. Конечно же я инициализирую массив vm.cartItems = []. Это я тут в примере кода ошибся. Да и дело в том, что массив объектов (товаров) нормально возвращается, но почему я не могу вывести его с помощью console.log в консоль, я не понимаю