JavaScript在HTML列表的开头追加新数组

我有一个对象如下：

var data = [
  {item_name: 'Book', stock: 15},
  {item_name: 'Pencil', stock: 15},
  {item_name: 'Paper', stock: 3}
];

然后我从对象生成一个包含HTML的列表：

console.log(data);
var html = '';
for (var i = 0; i < data.length; i++) {
    html += '<li class="list-group-item" id="listGroup">'+data[i].item_name+'<span class="badge">'+data[i].stock+'</span></li>';
}
$('#listItem').html(html);

console.log（数据）；
var html=''；
对于（变量i=0；i'；
}
$（'#listItem'）.html（html）；

---

如果添加新对象，如何将新对象放在列表的开头？

尝试这样做。

unshift（）

方法将新项添加到数组的开头。使用

forEach（）

进行数组循环

var数据=[
{项目名称：'Book'，库存：15}，
{项目名称：'铅笔'，库存：15}，
{项目名称：'纸张'，库存：3}
];
数据.取消移位（{项目名称：'新'，库存：10}）；
//控制台日志（数据）；
var html=''；
forEach（函数（元素、索引、数组）{
html+='
'+数据[索引]。项目名称+''+数据[索引]。股票+'
'；
$（'#listItem'）.html（html）；
});

您正在查找
data.unshift（{item_name:'Foo'，stock:1337}）
data.unshift（newData）
并使用jQuery
$（'#listItem'）。prepend（'
..）
数据
是一个数组而不是一个对象如果我添加了新对象，那么如何将新对象放在列表的开头？@GilleQ。unshift就是这么做的。也许我误解了，但我认为他也想将新元素附加到他的html列表中@@GilleQ。unshift（）方法将新项添加到数组的开头。感谢您的响应，但我希望在插入新数组时自动追加新元素，而不是直接添加它