Weird loop

HTML

<div id="res"></div>

JavaScript

const arr = [0, 1, 2, 3, 4, 5, 6];
const mid = Math.floor(arr.length / 2);
let left = mid, right = mid, goLeft = true;

const result = [];

for (let i = 0; i < arr.length; ++i) {
	if (i === 0) {
  	result.push(arr[left]);
  }
  else if (goLeft) {
  	result.push(arr[--left]);
    goLeft = false;
  }
  else {
  	result.push(arr[++right]);
    goLeft = true;
  }
}
document.getElementById('res').innerText = result;