В чем отличия коллекции от массива?

Question

[whitepro213]

Где и как правильно использовать коллекции ?

Заранее спасибо.

Comments

[gleendo]

Массив является коллекцией

[Lynn «Кофеман»]

А какой из типов объектов в js вы понимаете под словом «коллекция»?

[gleendo]

Алексей Тен, Array, {}, Map, WeakMap, Set, WeakSet, NodeList (DOMSettableTokenList, DOMStringList, DOMTokenList, HTMLDataListElement, HTMLUListElement, HTMLOListElement, HTMLDListElement, RadioNodeList), SVG...List

[Павел Корнилов]

Рзаница в их прототипах и, соответственно, наследуемых свойствах.

[gleendo]

KorniloFF, Какие свойства есть у коллекции а какие у массива, и какие у них прототипы?

[Павел Корнилов]

iamevg_, у коллекций - только length.
У массивов - весьма много, начиная с forEach...
Прототипы: NodeListPrototype и Array.prototype соответственно.

[gleendo]

KorniloFF, Во первых "NodeListPrototype" не существует. Есть NodeList.prototype.
Во вторых, у коллекции узлов есть не только length. Также есть методы, "entries", "forEach", "item", "keys", "values". Также она наследует методы и свойства еще и от Object + порядка 6-7 методов.
В третьих массив тоже является коллекцией.
В четвертых вы сравниваете молоток с инструментом.

[Павел Корнилов]

iamevg_, честно говоря, не знал. Всю жизнь пользую конструкцию
[].forEach.call(Collection, fn);
Сейчас посмотрел - да, есть и у коллекций. А в какой версии языка появилась вся эта прелесть?

P.S. NodeListPrototype скопировал из консоли Мозиллы.
Прошу прощение ТС невольное введение в заблуждение.

Answer 1

[Fetur]

Ну уже загуглить не могут! Ссылка

Сейчас только узнал, что они существуют, но в целом по опыту могу сказать, это попытка сделать разграничение коллекций на типы как в нормальных языках. Т.к. разные типы коллекции потребляют разное количество памяти и имеют те или иные полезные свойства, методы.

В чем отличия коллекции от массива?

Больше времени тратишь на различные обработчики, повышается ЧСВ. Можно и дальше использовать обычный массив.

Comments

[Владимир]

А как при помощи массива реализовать понастоящему приватное свойство класса ? А WeakMap это позволяет на ура.

let thumbnails = new WeakMap();

function getThumbnail(image) {
    let thumbnail = thumbnails.get(image);
    if (!thumbnail) {
        thumbnail = createThumbnail(image);
        thumbnails.set(image, thumbnail);
    }
    return thumbnail;
}

[Владимир]

iamevg_, Это пример с сайта MDN, неудачный

let thumbnails = new WeakMap();

class PostImage {
  constructor(image) {
    thumbnails.set(this, createThumbnail(image));
    this.image = image;
  }
  
  someMethodForThumbnail(){
    let thumbnail = thumbnails.get(this)
    return doSomeThing(thumbnail);
  }
  
}

[gleendo]

Владимир, Опять же, где тут приватность?

[Владимир]

iamevg_, Ну тоесть вам в голову кусок кода где приватность делается с помощью ВикМапов в голову не приходит ? И не понимаете почему ВикМапы а не замыкания ? Пример выше поправил.

[gleendo]

Владимир, название приватного свойства мне подскажите в вашем коде пожалуйста