Freed Justine

Потому что объекты нельзя сравнивать по значению, каждый объект не равен "такому же"

[ '120', '11', '12', '22' ] [ '120', '11', '12', '22' ]
false

Coursehunter как бич-вариант различных курсов. Если нужны бумажки-сертификаты, то udemy. А вообще, учить нужно начинать с печатных изданий. Советую начинать с класики - Дэвид Фленеган "JavaScript Подробное руководство", Этан Браун "Изучаем JavaScript", Кайл Симпсон (вся серия You Don't Know JS).

Современный учебник JavaScript
Профессии фронтенд/бэкенд javascript на Хекслете
Хватит с головой.

И советую учить не js, а, в первую очередь, программирование: структуры данных и алгоритмы, ООП и паттерны проектирования.

Попробуй Eloquent JavaScript, 2-ое издание есть на русском на гитхабе. В книге есть учебные проекты.

Рекомендую You don't know JS: https://github.com/azat-io/you-dont-know-js-ru.
Возможно http://learn.javascript.ru, хотя мне больше нравится английская версия: http://javascript.info, там и ES6 уже. Но что-то есть в одной книге, чего в другой нет.

А вообще задавали уже такие вопросы, можно поискать и еще несколько книг найдется. Если что-то конкретное найти, например сделать ту же змейку, то можно посмотреть в youtube уроки, потом после просмотра, поняв как вообще ее делать, попытаться сделать самому.

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

Разницу хорошо видно если изменить оригинальный массив. Попробуйте

array[0] = 'wtf';
console.log(array1);
console.log(array2);

Если и родитель и дочерний элемент div то они естественно будут равны, если не задать ширину.
Поиграйтесь с display:inline-block дочерних элементов

.parent {
	width:100%;
}
.child {
	display:inline-block;
}

<div class="parent">
	<div class="child">child1</div>
	<div class="child">child2</div>
	<div class="child">child3</div>
</div>