Javascript—获取对象的属性并使用“数据id”在元素上打印

Javascript—获取对象的属性并使用“数据id”在元素上打印,javascript,jquery,Javascript,Jquery,我正在尝试从该数组中选择一个对象,并使用data-id将其所有属性打印到一个元素中。我将如何执行此操作?另外,我如何为新的CarObjects提供ID **<div id="carInfo" data-id="10"></div>** function Car(company, name, price, details, image, alt){ this.company = company; this.name = name; this.pr

我正在尝试从该数组中选择一个对象,并使用data-id将其所有属性打印到一个元素中。我将如何执行此操作?另外,我如何为新的CarObjects提供ID

**<div id="carInfo" data-id="10"></div>**

function Car(company, name, price, details, image, alt){ 
    this.company = company;
    this.name = name;
    this.price = price;
    this.details = details;
    this.image = image;
    this.alt = alt;
}

var carInformation = [new Car("Ferrari", "Marenello", " $250,000", "Fast. Very Fast.", "images/ferrari.jpg","image of ferrari"),
                      new Car("Dodge", "Viper", " $100,000","Great Acceleration","images/dodge.jpg", "image of viper"),
                      new Car("Ford", "Shelby", "$80,000", "Muscle Car", "images/mustang.jpg", "image of mustang"),
                      new Car("Back To The Future", "Delorean", "$20,000", "Travels through time","images/delorean.jpg", "image of delorean"),
                      new Car("Lamborghini", "Diablo", "$250,000", "Fastest","images/lambo.jpg","image of lamborghini"),
                      new Car("CMercedes Benz", "SLR", "$180,000", "Classy Vehicle.","images/benz.jpg","image of mercedes benz"),
                      new Car("Chevrolet", "Corvette", "$70,000", "Fiberglass body Light Vehicle.","images/vette.jpg","image of corvette"),
                      new Car("Porsche", "Carrera", "$120,000", "Great Handling.","images/porsche.jpg", "image of porsche"),
                      new Car("Audi", "R8", "Price: $110,000", "Fast and Classy.", "images/audi.jpg","image of audi") ];
jQuery允许您通过该方法获取数据id属性

上面的代码段使用的代码来自。如果希望支持它们,则需要使用或,或使用以下代码段:

var carInfo = carInformation[$('#carInfo').data('id')];

for (var x in carInfo) {
    if (carInfo.hasOwnProperty(x)) {
        console.log(x + " is " + carInfo[x]);
    }
}
将其打印到元素中取决于您希望它的格式,但上面的代码将为您提供执行此操作所需的所有详细信息


编辑:请记住,您的carInformation数组中只有8个元素…

今天我第三次在一个问题中看到这段代码,它们都是我的。我试图弄清楚如何处理数组中的对象。
var carInfo = carInformation[$('#carInfo').data('id')];

for (var x in carInfo) {
    if (carInfo.hasOwnProperty(x)) {
        console.log(x + " is " + carInfo[x]);
    }
}