首页
学习
活动
专区
圈层
工具
发布
首页
学习
活动
专区
圈层
工具
MCP广场
社区首页 >问答首页 >函数没有看到Object属性,但是console.log看到了

函数没有看到Object属性,但是console.log看到了
EN

Stack Overflow用户
提问于 2020-09-25 12:03:14
回答 1查看 55关注 0票数 0

我在建一个图书馆。

代码语言:javascript
复制
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对象,并将用户输入作为属性值:

代码语言:javascript
复制
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数组,并根据属性值对它们进行排序。例如:

代码语言:javascript
复制
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属性。

EN

回答 1

Stack Overflow用户

回答已采纳

发布于 2020-09-25 12:17:45

正如@ASDFGerte所说,您的循环是错误的。如果使用<=,就会遇到最后一个条目不存在的问题。

示例数组的长度为5,这意味着从0到4的索引已被填充。如果以i= 0开头,那么最后一次尝试加入的索引是5 (array.length = 5)。因此,如果您想使用<=,您需要停在array.length - 1。

或者,正如@ASDFGerte所述,只需使用<,循环将在最后一个填充条目处停止,因为4< 5。

票数 0
EN
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接:

https://stackoverflow.com/questions/64063786

复制
相关文章

相似问题

领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档