如何从单个数组创建多个数组？

Question

我在我的控制台中获得如下表单数据：

{item[0][sku]: 'EC1000-WMK', item[0][qty]: '1', item[1][sku]: 'POP-11', item[1][qty]: '1', form_key: 'ZuQxqBMHmidjUxEt'}
form_key: "ZuQxqBMHmidjUxEt"
item[0][qty]: "1"
item[0][sku]: "EC1000-WMK"
item[1][qty]: "1"
item[1][sku]: "POP-11"

以上数据就是这样创建的：

        $.fn.getFormData = function(){
            var data = {};
            var dataArray = $(this).serializeArray();
            console.log(data);

            console.log(dataArray);
            for(var i=0;i<dataArray.length;i++){
                console.log(dataArray);
                data[dataArray[i].name] = dataArray[i].value;
            }
            return data;
        }

但我想让它像：

[
    { "sku": "EC1000-WMK", "qty": "1" }
    { "sku": "POP-11", "qty": "1" }
]

Answer 1

使用输入字段名类似

<input name="item.0.sku" />
<input name="item.0.qty" />
<input name="item.1.sku" />
<input name="item.2.qty" />

&然后使用这个函数，这里是将所有表单输入转换成JSON格式的函数

const jsonSerialize = ($this) => {
    $this = $this.find('input, select');
    let data = {};
    for (let i = 0; i < $this.length; i++) {
        let el = $this[i];
        let val = el.value;
        if (!val) val = "";
        let fullName = el.getAttribute("name");
        if (!fullName) continue;
        let fullNameParts = fullName.split('.');
        let prefix = '';
        let stack = data;
        for (let k = 0; k < fullNameParts.length - 1; k++) {
            prefix = fullNameParts[k];
            if (!stack[prefix]) {
                stack[prefix] = {};
            }
            stack = stack[prefix];
        }
        prefix = fullNameParts[fullNameParts.length - 1];
        if (stack[prefix]) {
            let newVal = stack[prefix] + ',' + val;
            stack[prefix] += newVal;
        } else {
            stack[prefix] = val;
        }
    }
    return data
}

let $form = $('form');
params = jsonSerialize($form)

希望这件事对你有用