для чего служит этот элемент?

Здравствуйте.я рассматриваю пример по JavaScript / jQuery и хочу понять некоторые непонятные элементы и их функции.

var array = ['Яблоко', 'Груша', 'Банан', 'Апельсин', 'Арбуз'];
var anchor = 0;

var say = function(){

$('#result').html(''); // для чего этот элемент нужен?

if(anchor === 0) {
array.reverse();
} else {
anchor = 1;
array.sort();
}

for(var i = 0; i < array.length; i++) {    //где for(var i = 0; i < array.length; i++) - для чего нужен этот элемент и  в скобочках элементы(var i = 0; i < array.length; i++) - для чего они и что каждый означает  элемент в скобочках?

$('#result').append('<p>'+array[i]+'</p>');  //где  append('<p>'+array[i]+'</p>') - для чего нужен и как получилось и какая у него функция,и где его нужно добавить?

}

}

test.addEventListener('click', say);