使用下划線js或lodash將對象解析為數組

Question

我需要解析一個對象並使用Underscore / Lo-Dash轉換為一個數組

嘗試使用usersocre，但它沒有得到預期的結果。 對不起我是下划線js的新手。 非常感謝您的幫助。

var arr = _.values(obj)

var obj = {
    '2c13790be20a06a35da629c71e548afexing': [{
        connector: '',
        displayName: 'John',
        loginName: '',
        userImage: '2.jpg'
    }],
    '493353a4c5f0aa71508d4055483ff979linkedinpage': [{
        connector: '',
        displayName: 'Mak',
        loginName: '',
        userImage: '1.jpg'
    }]
}

預期的輸出數組

array = [{
    connector: '2c13790be20a06a35da629c71e548afexing',
    displayName: 'John',
    loginName: '',
    userImage: '2.jpg'
}, {
    connector: '493353a4c5f0aa71508d4055483ff979linkedinpage',
    displayName: 'Mak',
    loginName: '',
    userImage: '1.jpg'
}]

Answer 1

將Object.keys與forEach使用，並在數組中添加對象。

1. 獲取對象的所有鍵
2. 使用forEach迭代keys數組
3. 在結果數組中推送子數組的第一個元素。

碼：

var arr = [];
Object.keys(obj).forEach(function(e) {
    // Get the key and assign it to `connector`
    obj[e][0].connector = e;
    arr.push(obj[e][0]);
});

 var obj = { '2c13790be20a06a35da629c71e548afexing': [{ connector: '', displayName: 'John', loginName: '', userImage: '2.jpg' }], '493353a4c5f0aa71508d4055483ff979linkedinpage': [{ connector: '', displayName: 'Mak', loginName: '', userImage: '1.jpg' }] }; var arr = []; Object.keys(obj).forEach(function(e) { obj[e][0].connector = e; arr.push(obj[e][0]); }); console.log(arr); document.getElementById('output').innerHTML = JSON.stringify(arr, 0, 4); 

 <pre id="output"></pre> 

---

將相同的代碼轉換為使用Lodash / Underscore的forEach 。

var arr = [];
_.forEach(obj, function(e, k) {
    e[0].connector = k;
    arr.push(e[0]);
});

 var obj = { '2c13790be20a06a35da629c71e548afexing': [{ connector: '', displayName: 'John', loginName: '', userImage: '2.jpg' }], '493353a4c5f0aa71508d4055483ff979linkedinpage': [{ connector: '', displayName: 'Mak', loginName: '', userImage: '1.jpg' }] }; var arr = []; _.forEach(obj, function(e, k) { e[0].connector = k; arr.push(e[0]); }); console.log(arr); document.getElementById('output').innerHTML = JSON.stringify(arr, 0, 4); 

 <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.10.1/lodash.js"></script> <pre id="output"></pre> 

Answer 2

你可以在Underscore中這樣做：

_(obj).each(function(elem, key){
   arr.push(elem[0]);
});

看到它在行動

Answer 3

如果你在談論功能，我通常不想以任何方式改變原始對象，所以我使用extend來創建一個新對象。 我在下一行中覆蓋連接器屬性並返回該對象。

_.map(function( arr, key ) {
  var obj = _.extend({}, arr.pop());
  obj.connector = key;
  return obj;
});

Answer 4

從每個鍵的數組中的第一個值中獲取對象，並將該鍵分配給connector屬性。 不需要圖書館。

var result = [];
for (key in obj) {
    result.push(obj[key][0]);
    result[result.length-1]["connector"] = key; 
}