我在建一个图书馆。
let myLibrary = []; //to store my Book Objects
function Book(title, author, onPage, totalPages) { //constructor function
this.title = title;
this.author = author;
this.onPage = onPage;
this.totalPages = totalPages;
this.info = function() {
return this;
}
}现在,我创建了一个函数,它将生成Book对象,并将用户输入作为属性值:
function addBookToLibrary() {
let a = document.getElementById('bookTitle').value;
let b = document.getElementById('authorName').value;
let c = document.getElementById('onPage').value;
let d = document.getElementById('numOfPages').value;
myLibrary.push(new Book(a, b, c, d));
}我创建一个函数,它将循环遍历myLibrary数组,并根据属性值对它们进行排序。例如:
function showBooks() {
for (i = 0; i <= myLibrary.length; i++) {
if (Number(myLibrary[i].onPage) < Number(myLibrary[i].totalPages)
let newLi = document.createElement('li');
newLi.innterText = myLibrary[i].title + ' by ' + myLibrary[i].author;
inProgressBooks.prepend(newLi);
}
}
}现在,我将加载我的页面并使用addBookToLibrary函数添加一个对象。现在,myLibrary.onPage返回一个从addBookToLibrary输入中提取的数字。那么为什么函数showBooks会失败呢?它表示它不能读取未定义的onPage属性。
发布于 2020-09-25 12:17:45
正如@ASDFGerte所说,您的循环是错误的。如果使用<=,就会遇到最后一个条目不存在的问题。
示例数组的长度为5,这意味着从0到4的索引已被填充。如果以i= 0开头,那么最后一次尝试加入的索引是5 (array.length = 5)。因此,如果您想使用<=,您需要停在array.length - 1。
或者,正如@ASDFGerte所述,只需使用<,循环将在最后一个填充条目处停止,因为4< 5。
https://stackoverflow.com/questions/64063786
复制相似问题