如何从文本框/ s向数组添加数据？

Question

我相当坚持这个，我正在练习课程。 如何使用页面上的文本框中的字符串向数组添加值？

var book = [
    {
        "name":"Book 1",
        "publisher":"Publisher 1",
        "isbn":"ISBN 1"
    },
    {
        "name":"Book 2",
        "publisher":"Publisher 2",
        "isbn":"ISBN 2"
    },
    {
        "name":"Book 3",
        "publisher":"Publisher 3",
        "isbn":"ISBN 3"
    },
];

book.push({"name":"Moby Dick","publisher":"Ryan Spain","isbn":"00147097"});

我知道我可以将它推入数组但我想从HTML中的文本框中获取的值中添加name，publisher和isbn的值。

Answer 1

编辑：添加信息

想象一下，您有三个输入，其中包含以下ID“name”，“publisher”，“isbn”。

var name = document.getElementById('name');
var pub = document.getElementById('publisher');
var isbn = document.getElementById('isbn');

您可以在用户准备将图书添加到列表时添加按钮：

<button id="add">Add</button>

var button = document.getElementById('add');

然后你可以添加一个onclick：

button.onclick = function(){
  book.push({'name': name.value, 'publisher': pub.value, 'isbn':isbn.value});
}

获取资讯：

你是怎么做的。

book[0].name = "Book test";

您可以遍历所有书籍并逐一更新：

for(var i = 0; i < book.length; i++){
   book[i].name = "Book " + i;
   //etc
}