javascript - 如何使用“jquery中的每个”或“javascript中的每个”在JavaScript对象中显示数组项

这是我的代码。

var myOwnObject = {
  car1: 'Toyota',
  car2: 'Honda',
  car3: 'BMW',
  car4: ['Subaru', 'Nissan', 'Lambo', 'Jaguar']
};

console.log("1. " + myOwnObject.car1 + ", 2. " + myOwnObject.car2 + ", 3. " + myOwnObject.car3 + " , 4. " + myOwnObject.car4[0] + myOwnObject.car4[1]);

我想要实现的是我想显示所有值，尤其是在数组部分，而不是一一调用数组。

谢谢。

最佳答案

我很确定您要查找的代码是关于如何在页面上动态显示此信息的（无需手动打印1.，2等）。这是一种方法：

<ol id="sampleSection"></ol>

<script src="https://ajax.googleapis.com/ajax/libs/jquery/3.1.0/jquery.min.js"></script>
<script>

var myOwnObject = { car1: 'Toyota', car2: 'Honda', car3: 'BMW', car4: ['Subaru', 'Nissan', 'Lambo', 'Jaguar'] };

$.each(myOwnObject, function (index, item) {
    $("<li>")
        .html(item)
        .appendTo($("#sampleSection"));
});

</script>