Question

let inputValues = [];    
for (let i = 0; i < inputs.length; i++) {
    let inputValue = inputs[i].value;
    inputValues.push(inputValue)
}    
let newCar = {
    Model: inputValues[0],
    Brand: inputValues[1],
    Date: inputValues[2],
    Horsepower: inputValues[3],
    Transmission: inputValues[4],
    Class: inputValues[5]
}
newData.push(newCar)

有人可以帮助我使用foreach循环将newCar对象推到newData数组中。输入是我的输入。我需要将输入值添加到我的对象键中。并将对象推到数组。我需要以没有这样声明newCar对象的方式来执行此操作。

Answer 1

不需要循环或newCar变量，您可以将对象直接放入对push()的调用中

newData.push({
    Model: inputs[0].value,
    Brand: inputs[1].value,
    Date: inputs[2].value,
    Horsepower: inputs[3].value,
    Transmission: inputs[4].value,
    Class: inputs[5].value
});

但是无论哪种方式都应该起作用。

Answer 2

如果我们假设您的标签数量与输入的数量相同。然后，我们可以在一个循环中完成所有这些工作，如示例代码片段示例所示。随意运行它，看看它如何工作。

话虽如此，最好在div上添加标签本身，这样您就可以从div收集数据，而不必处理固定索引，因为添加更多标签可能会成为问题。

<div data-label="Model">Toyota</div>

然后，假设输入是如上定义的div数组，则可以执行以下操作

let newData = [];    
inputs.forEach((input) => newData.push({
   [input.attr('data-label')]: input.text()
}))

但是您可以仅通过使用地图来缩短它

let newDate = inputs.map((input) => ({
   [input.attr('data-label')]: input.text()
}))

// This method assumes that your divs will have the same number of labels
// We will assume input values are as such. But you can change it to be array of divs
let inputs = [{ value: 'Corolla' }, { value: 'Toyota' }, { value: '2014' }, { value: 'coolHorsies' }, { value: 'coolTransmission' }, { value: 'coolClass' }]
let labels = ['Model', 'Brand', 'Date', 'Horsepower', 'Transmission', 'Class'];

let newData = [];    
inputs.forEach((input, idx) => newData.push({
   [labels[idx]]: input.value,
}))  

console.log(newData)

使用foreach将对象推送到数组

2 个答案: