使用foreach将对象推送到数组

如何解决使用foreach将对象推送到数组

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对象的方式来执行此操作。

解决方法

不需要循环或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
});

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

,

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

话虽如此，最好在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)