Как в комментарии указал @MedvedevDev, вы некоррекно используете this
На вашем месте получив такую ошибку, я бы сначала посмотрел, а прилетают ли данные с сервера?
News.prototype.getJsonItem = function () {
$.getJSON('./news.json', function (data) {
console.log(data);
// for (var i = 0; i < data.news.length; i++) {
// this.newsItems.push(data.news[i]);
// }
});
};
В итоге убеждаемся, что данные приходят нормально

Далее решаем эту проблему через замыкание self
(имя переменной на свой выбор)
News.prototype.getJsonItem = function () {
let self = this;
$.getJSON('./data.json', function (data) {
for (var i = 0; i < data.news.length; i++) {
self.newsItems.push(data.news[i]);
}
});
};
Либо, применяя синтаксис ES-2015, в коллбэке запроса использовать "стрелочную" функцию
News.prototype.getJsonItem = function () {
$.getJSON('./data.json', (data) => {
for (var i = 0; i < data.news.length; i++) {
this.newsItems.push(data.news[i]);
}
});
};
В данном случае в массив данные будут добавляться, но вы не сможете их увидеть в вашем варианте кода, т.к. это АСИНХРОННЫЙ запрос. Вы пытаетесь прочесть массив newsItems
до того, как в него будут загружены данные.
Поэтому здесь можно использовать коллбэк
News.prototype.getJsonItem = function (callback) {
if(typeof callback !== 'function'){
callback = function(){};
}
$.getJSON('./data.json', (data) => {
for (var i = 0; i < data.news.length; i++) {
this.newsItems.push(data.news[i]);
}
callback();
});
};
А чтобы распечатать их, можно модифицировать конструктор, например так
function News() {
var self = this;
this.newsItems = [];
this.getJsonItem(function(){
self.printArr();
});
}
И в инициализации класса тоже немного поправить
$(document).ready(function () {
var news = new News();
});
this
) внутри$.getJSON()
- не тот что вы ожидаете. – MedvedevDev 23 фев '18 в 9:22