JS對象問題

前面兩句話就將我想要說的清晰準(zhǔn)確的表達(dá)出來了，厲害，收獲比自己想要的還要多

這類問題像是在處理數(shù)據(jù)行，得到了一個對象，擁有各類屬性。但是需要的數(shù)據(jù)結(jié)構(gòu)是由一個 Key 對應(yīng)的，按順序以數(shù)組排列的其它屬性。那么這里有一些關(guān)鍵信息需要分析出來

• 作為 key 的屬性名稱叫什么？示例是 t1
• 作為值數(shù)組的屬性順序是什么？示例是 ["t2", "t3", "t4", "t5"]
• 多余的屬性，比如 "tm", "tn" 是否需要表示出來，如果要，以什么形式表示？示例中當(dāng)沒有這個需求
• 如果某個屬性不存在，應(yīng)該什么什么樣的默認(rèn)值？示例中沒有這個需求，但下面的代碼中會把這種情況下的值處理成 undefined

既然是一組數(shù)據(jù)，所以模擬數(shù)據(jù)應(yīng)該也體現(xiàn)為一組

const data = [
    { t1: "a1", t2: "a2", t3: "a3", t4: "a4", t5: "a5" },
    { t1: "b1", t2: "b2", t3: "b3", t4: "b4", t5: "b5" },
    { t1: "c1", t2: "c2", t3: "c3", t4: "c4", t5: "c5" }
];

現(xiàn)在確定主鍵，以及值數(shù)組中的屬性順序

const def = {
    key: "t1",
    props: ["t2", "t3", "t4", "t5"]
};

通過迭代轉(zhuǎn)換，這里用 .reduce

const result = data.reduce((r, m) => {
    // 根據(jù) def.key 定義找到 key 屬性的值
    const key = m[def.key];

    // def.props.map 是根據(jù) def.props 定義，
    // 得到一個映射的數(shù)組，其內(nèi)容是依次對應(yīng)的屬性值
    r[key] = def.props.map(prop => m[prop]);

    return r;
}, {});

最后輸出（console.log(result)）的結(jié)果

{ a1: [ 'a2', 'a3', 'a4', 'a5' ],
  b1: [ 'b2', 'b3', 'b4', 'b5' ],
  c1: [ 'c2', 'c3', 'c4', 'c5' ] }

// 簡單寫了下，希望對你有幫助
let result = {};
let obj = {t1:'a1',t2:'a2',t3:'a3',t4:'a4',t5:'a5'};
let value = obj.t1;
let arr = [];
delete obj.t1;
Object.keys(obj).forEach((key) => {
    arr.push(obj[key]);
});
result[value] = arr;
console.log(result);
// {a1:["a2", "a3", "a4", "a5"]}