Question

我需要使用Underscore / Lo-Dash解析对象并转换为数组

尝试使用usersocre，但没有得到预期的结果。对不起我是下划线js的新手。非常感谢您的帮助。

function showPosition(position) {
    var table = $("#gpstable");
    var row = table.insertRow(1);
    var cell1 = row.insertCell(0);
    var cell2 = row.insertCell(1);
    var cell3 = row.insertCell(2);
    var cell4 = row.insertCell(3);
    cell1.innerHTML = Date();
    cell2.innerHTML = position.coords.latitude;
    cell3.innerHTML = position.coords.longitude;
    cell4.innerHTML = "";
    var bt = $("#showOnMap").clone();
    bt.data("lat", position.coords.latitude);
    bt.data("lon", position.coords.longitude);
    var cell5 = row.insertCell(4);
    cell5.appendChild(bt);
}

预期输出数组

var arr = _.values(obj)

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

Answer 1

将Object.keys与forEach一起使用，并在数组中添加对象。

获取对象的所有键
使用forEach
在结果数组中推送子数组的第一个元素。

<强>代码：

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]);
});

＆＃13;

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);

＆＃13;

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

＆＃13;

将相同的代码转换为使用Lodash / Underscore＆＃39; forEach。

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

＆＃13;

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);

＆＃13;

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

＆＃13;

Answer 2

您可以在下划线：

中使用此功能

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

See it in action

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; 
}

使用下划线js或lodash将对象解析为数组

4 个答案: