Проблема с массивом, какие методы существуют?

Question

[Vasya88]

Всем привет, подскажите, где ошибка?
Тут два примера, в одном сделал функцию просто в яваскрипте, во втором документе (с кружочками), хотел ее реализовать, что бы, когда следующий кружочек меняет свой цвет, предыдущий кружочек возвращает свой изначальный цвет. Но в работе с DOM, почему-то, не работает.

Comments

[Афанасий Захаров]

Вы хотите, чтобы менялись по очереди цвета кругов?

https://jsfiddle.net/t5p1c0xb/

Тут работает, но не знаю, так или не так

Answer 1

[Sashqa]

Вы применяете к коллекции метод для работы с массивами Filter

color = [...document.getElementsByClassName('color')];
color = Array.from(collection) // или так

Вот так метод filterбудет работать. А дальше смотрите, что вам нужно

Comments

[vadimMalovaniy]

мимо. document.getElementsByClassName('color') и так вернет массив элементов.

[Sashqa]

vadimMalovaniy, Серьезно?

[Максим Сафаралиев]

vadimMalovaniy, вернется NodeList

Answer 2

[vadimMalovaniy]

метод filter возвращает новый массив, а не изменяет текущий.

function gg() {
    if (flag < a.length) {
        a.filter((her => her.name='Privet'))[flag]; 
        console.log(a[flag]);
        a.filter((her => her.name='NONE'))[flag-1]; 
        console.log(a[flag-1]);
    // } //else {
    //     flag = 0;
    }
    flag++;

Ваш массив

var a = [
         {name: 'John', age: 25, states}
           ....
           ]

не изменяеться