我需要解析一个对象,并使用Undercore/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'
}]
将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]);
});
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/Undercore的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>
您可以在Undercore:中执行以下操作
_(obj).each(function(elem, key){
arr.push(elem[0]);
});
在操作中查看
如果你谈论的是函数,我通常不想以任何方式更改原始对象,所以我使用extend来创建一个新对象。我覆盖下一行中的连接器属性并返回对象。
_.map(function( arr, key ) {
var obj = _.extend({}, arr.pop());
obj.connector = key;
return obj;
});
从每个键的数组中的第一个值中获取对象,并将该键分配给连接器属性。不需要库。
var result = [];
for (key in obj) {
result.push(obj[key][0]);
result[result.length-1]["connector"] = key;
}