如何使用jQuery將數組對象重新排列爲鍵值對？

Question

如果我的數組對象看起來是這樣的：

["pi|sgm", "pi|db", "pi|dlm", "groups|Homesign", "groups|Speakers", "groups|Co-speech Gesture", "pubyear|36"] 

我怎樣才能把它們分成多個基於陣列的第一個元素。例如，我需要像這樣的新數組：

["pi":["sgm", "db", "dlm"], "groups":["Homesign", "Speakers", "Co-speech Gesture"], "pubyear":["36"]] 

我們可以使用jQuery來執行此操作嗎？

Answer 1

使用Array#reduce方法與String#split方法。

var data = ["pi|sgm", "pi|db", "pi|dlm", "groups|Homesign", "groups|Speakers", "groups|Co-speech Gesture", "pubyear|36"]; 
 

 
// iterate over the element to reduce to an object 
 
var res = data.reduce(function(obj, v) { 
 
    // split the value by delimitter `|` 
 
    var spl = v.split('|'); 
 
    // define the property as an array if already not defined 
 
    obj[spl[0]] = obj[spl[0]] || []; 
 
    // push the value to the array 
 
    obj[spl[0]].push(spl[1]); 
 
    // return the object reference 
 
    return obj; 
 
    // set initial value as an empty object for the result 
 
}, {}) 
 

 
console.log(res);

---

或者用Array#forEach方法與相同的邏輯。

var data = ["pi|sgm", "pi|db", "pi|dlm", "groups|Homesign", "groups|Speakers", "groups|Co-speech Gesture", "pubyear|36"]; 
 

 
// initialize object for result 
 
var res = {}; 
 
// iterate over the element 
 
data.forEach(function(v) { 
 
    // split the value by delimitter `|` 
 
    var spl = v.split('|'); 
 
    // define the property as an array if already not defined 
 
    res[spl[0]] = res[spl[0]] || []; 
 
    // push the value to the array 
 
    res[spl[0]].push(spl[1]); 
 
}) 
 

 
console.log(res);