如何在 formData 中显示对象数组

Question

显示数组时出现问题

    <form id="order">
        <div id="product-details">
            <div class="items">
                <input value="34324324234234234" readonly class="sku" name="sku"/>
                <input value="1" readonly id="quantity" name="quantity"/>
            </div>
            <div class="items">
                <input value="3242342342" readonly id="sku" name="sku"/>
                <input value="3" readonly class="quantity" name="quantity"/>
            </div>
        </div>
        
        <button class="bn btn-primary" type="submit">Create Order</button>
    </form>  

记者：

const formEL = document.querySelector('#order')

    formEL.addEventListener('submit', ev => {
        ev.preventDefault()

        const formData = new FormData(formEL)

        const sku = formData.getAll('sku')
        const quantity = formData.getAll('quantity')
        const items = []

        for (let i = 0; i < sku.length; i++) {
            formData.append('items', items.push({
                sku: sku[i],
                quantity: quantity[i]
            }))
        }
        
        console.log(items)

        const data = Object.fromEntries(formData)
        
        console.log(data)
    })

当我控制台记录items时，它会给我它的对象数组：

但data控制台日志不同：

我如何从items数组中获取对象数组并对其进行控制？

Answer 1

push function 将返回数组长度， 文档. 您的items数组长度为2 。 所以该项目的价值将是2在你的data中。

items.push({
   sku: sku[i],
   quantity: quantity[i]
})