Если длина заголовка слишком длинная (headlineArray.length > 29), он обрезается и добавляется троеточие (headlineArray = headlineArray.slice(0,28)+'...').Делайте через цсс, так не придется издеваться над кодом, и что самое главное, автоматически будет обрезаться лишний текст, не зависимо от количества символов, которые бывают разные по ширине.
.truncate {
width: 250px; /* подставьте вашу ширину блока */
white-space: nowrap;
overflow: hidden;
text-overflow: ellipsis;
}