Как правильно перебирать массив?

Question

[Fedya Pavlyshynets]

let items = []
const obj = {
login: inputLogin.value,
password: inputPassword.value,
email: inputEmail.value,
}
items.push({
  login: inputLogin.value,
  password: inputPassword.value,
  email: inputEmail.value,
});

Comments

[Fedor Vlasenko]

перебираются любым методом который работает с масивом
а вот объект ваш вызывает сомнения
если это авторизация то поле login или email лишнее иначе лишнее поле password

[Fedya Pavlyshynets]

Fedor Vlasenko, у меня есть 3 инпута из которых я выбирать значение и записывать в другой блок по клику

[webdisigner]

задайте нормально вопрос, что за детский сад елы-палы

[Александр Мыльченко]

/* если перебрать и быстро */
for( let i = 0, _length = items.length ; i < _length ; i++ ) {
   const data = items[ i ] ;
   console.log( data );
}

/* вариант проще */
items.forEach( ( data ) => console.log( data )) ;

/* чуть сложней, но более информативный */
items.forEach( console.log ) ;

[WbICHA]

/* чуть сложней, но более информативный */
items.forEach( console.log ) ;

Александр Мыльченко, не стоит так делать... Поскольку в функцию передастся не только значение текущего элемента, но так же индекс и ссылка на сам массив. И если логгер просто всё это залогает, то другие функции могут повести себя не так, как предполагалось.
Именно поэтому такой вариант самый правильный:
items.forEach( ( data ) => console.log( data )) ;

[Александр Мыльченко]

WbICHA, собственно, поэтому я и маркировал этот вариант как чуть сложней, но более информативный, потому как я не собирался помогать разработчику (который не может перебрать массив), а - включил ему голову, что бы он своими глазами увидел что происходит и задался вопросом - почему!

Answer 1

[WbICHA]

Тебе все варианты перечислить?

forEach, map, reduce, every, filter и т.д.
for, for..of, for..in

Comments

[Strannyk]

for in только исключить бы.

[WbICHA]

Strannyk, всякое в жизни бывает, кто мы такие, чтобы осуждать людей за форин?

[webdisigner]

Strannyk, чем не угодил for in

[WbICHA]

webdisigner, использовать форин для перебора массива ─ это очень плохой паттерн.
Фор и фороф итак сейчас не приветствуются, а в форине вообще смысла ноль.

[Strannyk]

webdisigner, Не гарантирует порядок перебора элементов, что для массивов может быть нежелательно.

[webdisigner]

Strannyk, он массив перебирает по порядку, не путай с объектом

[Strannyk]

webdisigner, В самом деле?

[webdisigner]

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

[Strannyk]

webdisigner, В 99% случаев поведение будет ожидаемым, проблемы могут начаться, если расширить Array.prototype.

[WbICHA]

webdisigner, на самом деле вполне логично, ведь массив в жс ─ это объект, хоть и специфический. Форин проходит по ключам объекта, то есть это, по сути, аналог вот такой реализации:
Object.keys(arr).forEach( ... );

[WbICHA]

Strannyk, тем не менее, всё это хрень, поскольку такая запись, как в приведённом тобой примере, это говнокод. Но это ладно, самое главное то, что форыч, мап, редьюс и т.д. точно так же, как и форин, прочитают только 5ый по индексу элемент.

[Strannyk]

WbICHA, По ссылке, что я привел, примеров много, дочитайте дальше первого.

[WbICHA]

Strannyk, да, действительно. Впрочем, там в любом случае лишь плохие практики продемонстрированны.