Какой смысл от for of когда есть for in?

Question

[myspace]

Какой смысл от новой конструкции for of, когда for in так же перебирает объект?

Answer 1

[Сергей delphinpro]

Прежде чем задавать подобные вопросы, было бы неплохо ознакомиться с предметом
frontender.info/es6-in-depth-iterators-and-the-for...
Глядишь, и вопрос бы отпал сам собой...

Answer 2

[gleendo]

// Новый синтаксис добавлен для перебора итерируемых коллекций. Можете написать свою коллекцию с реализацией итератора и использовать for..of для ее перебора.

let arr = [`a`, `b`, `c`, `d`, `e`];

for (elem in arr) {
	console.log(elem); // 0 1 2 3 4
}

for (elem of arr) {
	console.log(elem); // a b c d e
}

for (let iter = arr[Symbol.iterator]; iter.done;) {
	console.log(iter.next()); // a b c d e
}

Answer 3

[Alecxandrys]

for..in перебирает все свойства объекта, которые тот имеет. Унаследованные от прототипа или присвоенные уже данному экземпляру-неважно. Соответственно на каждый элемент необходимо вызывать проверку hasOwnProperty, чтоб отсеять свойства прототипа и проверку содержимого, ибо к примеру для массива свойство length тоже попадет в цикл, и не отсеется предыдущей проверкой.

for..of является неявным итератом, который перебирает именно присвоенные свойства объекта, не захватывая наследованные и другие поля, что делает значительно более удобным

Comments

[olser]

Возможно я чего-то не понимаю, но для массива arr нет разницы - использовать for..of или for..in. Несмотря на то, что поле length присутствует, вывод одинаковый.

let arr = [`a`, `b`, `c`, `d`, `e`];

for (let elem of arr) {
    console.log(elem); // a b c d e
}
for (let elem in arr) {
    console.log(elem); // a b c d e
}

Поправьте, если ошибаюсь

Answer 4

[Alex XYZ]

У них параметры обработки объекта не соответствуют друг другу. В for есть step и его величина. В for_in нет. К тому же в for можно пройти массив в обратном направлении (сделать отрицательный step). Ну и кроме всех этих сравнений, если объект не массив, то как вы собираетесь применить на нём for? (или вы ошиблись и имели в виду только массив?) Такая же ситуация и с forEach. Только ещё хуже - нельзя сделать break.

Comments

[gleendo]

Захаров Александр Видимо вы не прочитали сам вопрос. ТС имел ввиду конструкцию цикла fo..of

[Alex XYZ]

evg_: Вы правы. Невнимательно прочитал. Не ожидал такого подвоха :) Вот и познакомился с новой конструкцией. Но я бы отнёс такую конструкцию к синтаксическому сахару. Чуть удобнее, но не более и то, только для конкретных случаев.