整数を含むキー文字列で配列を整理する方法

Question

配列オブジェクトのキーで指定された整数値を使用して、次の配列を別の配列に整理するにはどうすればよいですか？

[ 
    { 
    "itemQty_0": "443" 
    }, 
    { 
    "itemDescription_0": "Et aspernatur aspernatur qui sed ut do enim vel dignissimos libero nisi aut adipisci pariatur Est" 
    }, 
    { 
     "itemCapCheckbox_0": "on" 
    }, 
    { 
    "itemQty_1": "44" 
    }, 
    { 
    "itemDescription_1": "44" 
    } 
] 

この配列を次のような別の配列に整理するにはどうすればよいですか？

items: [{ 
    itemDescription: stringValue, 
    itemQty: integerValue, 
    itemCapCheckBox: 'on/off' 
},{ 
    itemDescription: stringValue, 
    itemQty: integerValue, 
    itemCapCheckBox: 'on/off' 
}] 

Answer 1

const result = []; 

for(const obj of items){ 
    const keyId = Object.keys(obj)[0], [key, id] = keyId.split("_"); 
    if(result[id]){ 
    result[id][key] = obj[keyId]; 
    }else{ 
    result[id] = { [key] : obj[keyId] }; 
    } 
} 

Answer 2

あなたはMapに配列を削減し、オブジェクトに同じインデックスを持つプロパティを収集することができます。その後spreadmap valuesが配列に戻ります。

キーを見つけるには、Object#keysを使用してキーの配列を取得し、1番目（1つのみ）を取得します。その後、キーをアンダースコアで分割してプロパティ名とインデックスを取得します。

const items = [{"itemQty_0":"443"},{"itemDescription_0":"Et aspernatur aspernatur qui sed ut do enim vel dignissimos libero nisi aut adipisci pariatur Est"},{"itemCapCheckbox_0":"on"},{"itemQty_1":"44"},{"itemDescription_1":"44"}]; 
 

 
const result = [...items.reduce((m, o) => { 
 
    const oKey = Object.keys(o)[0]; // get the key 
 
    
 
    const [prop, index] = oKey.split('_'); // get the prop name and the index 
 

 
    m.has(index) || m.set(index, {}); // if index doesn't exist in the map, and a new entry 
 
    
 
    m.get(index)[prop] = o[oKey]; // get the object by the index, and assign the value to the prop 
 
    
 
    return m; 
 
}, new Map()).values()]; 
 

 
console.log(result);

Answer 3

あなたは、キーとインデックス部のキーを分割することにより、アレイを減らすことができます。

var array = [{ itemQty_0: "443" }, { itemDescription_0: "Et aspernatur aspernatur qui sed ut do enim vel dignissimos libero nisi aut adipisci pariatur Est" }, { itemCapCheckbox_0: "on" }, { itemQty_1: "44" }, { itemDescription_1: "44" }], 
 
    grouped = array.reduce(function (r, o) { 
 
     var key = Object.keys(o)[0], 
 
      keys = key.split('_'); 
 

 
     r[keys[1]] = r[keys[1]] || {}; 
 
     r[keys[1]][keys[0]] = o[key]; 
 
     return r; 
 
    }, []); 
 

 
console.log(grouped);

.as-console-wrapper { max-height: 100% !important; top: 0; }

Answer 4

[OK]を、私たちはより多くのあなたが欲しい答えのように見える構造にオブジェクトの配列を集約する必要があり、このためのよう。おそらくArray.reduceを使用したいと考えています。

function ReduceItemToArray(acc, item){ 
    var key = Object.keys(item)[0]; //Get the key (eg "itemQty_1") 
    var [newKey, index] = key.split("_"); //Get newkey and index from key ("itemQty" and "1" respectively) 
    var newAcc = [...acc]; //make a copy of the current accumulator 
    if(newAcc[Number(index)] === undefined) //If there is no bucket on that index, make an empty one 
    newAcc[Number(index)] = {}; 
    newAcc[Number(index)][newKey] = item[key]; //Add the item 
    return newAcc; //Return the new item 
} 

var items = input.reduce(ReduceItemToArray, []); 

希望に役立ちます。 :)