用lodash将对象转换为数组

2020/10/24 13:21 · javascript ·  · 0评论

我怎样才能改变一个大objectarray与lodash?

var obj = {
  22: {name:"John", id:22, friends:[5,31,55], works:{books:[], films:[],}
  12: {name:"Ivan", id:12, friends:[2,44,12], works:{books:[], films:[],}
}

// transform to 
var arr = [{name:"John", id:22...},{name:"Ivan", id:12...}]

你可以做

var arr = _.values(obj);

有关文档,请参见此处。

_.toArray(obj);

输出为:

[
  {
    "name": "Ivan",
    "id": 12,
    "friends": [
      2,
      44,
      12
    ],
    "works": {
      "books": [],
      "films": []
    }
  },
  {
    "name": "John",
    "id": 22,
    "friends": [
      5,
      31,
      55
    ],
    "works": {
      "books": [],
      "films": []
    }
  }
]"

如果有人感兴趣的话,现代的本机解决方案:

const arr = Object.keys(obj).map(key => ({ key, value: obj[key] }));

或(不是IE):

const arr = Object.entries(obj).map(([key, value]) => ({ key, value }));

对我来说,这可行:

_.map(_.toPairs(data), d => _.fromPairs([d]));

事实证明

{"a":"b", "c":"d", "e":"f"} 

进入

[{"a":"b"}, {"c":"d"}, {"e":"f"}]

有很多方法可以得到您想要的结果。让我们按类别细分它们:

仅ES6值

主要方法是Object.values但是使用Object.keysArray.map您也可以得到预期的结果:

Object.values(obj)
Object.keys(obj).map(k => obj[k])

ES6关键和价值

使用地图和ES6动态/计算属性并进行销毁,您可以保留键并从地图返回对象。

Object.keys(obj).map(k => ({[k]: obj[k]}))
Object.entries(obj).map(([k,v]) => ({[k]:v}))

仅Lodash值

_.values但是,为此设计的方法有“快捷方式”之类_.map的实用程序方法_.toArray该方法也将返回包含对象的数组你也可以_.map尽管_.keys和使用得到的对象中的值obj[key]符号。

注意:_.map传递对象时,将使用其baseMap处理程序,处理程序基本上forEach是对象属性。

_.values(obj)
_.map(obj)
_.toArray(obj)
_.map(_.keys(obj), k => obj[k])

Lodash键和值

// Outputs an array with [[KEY, VALUE]]
_.entries(obj)
_.toPairs(obj)

// Outputs array with objects containing the keys and values
_.map(_.entries(obj), ([k,v]) => ({[k]:v}))
_.map(_.keys(obj), k => ({[k]: obj[k]}))
_.transform(obj, (r,c,k) => r.push({[k]:c}), [])
_.reduce(obj, (r,c,k) => (r.push({[k]:c}), r), [])

请注意,在以上示例中使用了ES6(箭头功能和动态属性)。_.fromPairs如果存在ES6问题,则可以使用lodash和其他方法来组成对象。

如果希望将键(在这种情况下为id)保留为每个数组项的属性,则可以执行

const arr = _(obj) //wrap object so that you can chain lodash methods
            .mapValues((value, id)=>_.merge({}, value, {id})) //attach id to object
            .values() //get the values of the result
            .value() //unwrap array of objects

2017年更新:Object.values,lodashtoArray做到了。并保留键映射散布运算符的作用:

// import { toArray, map } from 'lodash'
const map = _.map

const input = {
  key: {
    value: 'value'
  }
}

const output = map(input, (value, key) => ({
  key,
  ...value
}))

console.log(output)
// >> [{key: 'key', value: 'value'}])
<script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/4.17.4/lodash.js"></script>

使用普通JavaScriptECMAScript-2016将对象转换为数组Object.values

var obj = {
    22: {name:"John", id:22, friends:[5,31,55], works:{books:[], films:[]}},
    12: {name:"Ivan", id:12, friends:[2,44,12], works:{books:[], films:[]}}
}

var values = Object.values(obj)

console.log(values);

如果您还想保留键的使用方式Object.entriesArray#map例如:

var obj = {
    22: {name:"John", id:22, friends:[5,31,55], works:{books:[], films:[]}},
    12: {name:"Ivan", id:12, friends:[2,44,12], works:{books:[], films:[]}}
}

var values = Object.entries(obj).map(([k, v]) => ({[k]: v}))

console.log(values);

var arr = _.map(obj)

您可以使用_.map功能(两者lodashunderscore用)object,以及,它会在内部处理这种情况下,迭代每个值和关键你iteratee,最后返回数组。实际上,_.map(obj)如果只需要一个值数组,则可以不使用任何迭代(仅使用来使用它好处是,如果您需要在两者之间进行任何转换,则可以一次性完成。

例:

但是,如果您要转换对象,则可以这样做,即使您需要保留键,也可以在_.map(obj, (v, k) => {...}其中添加其他参数来执行(),map然后按需要使用它。

但是,还有其他Vanilla JS解决方案(因为每个lodash解决方案都应该是纯JS版本),例如:

  • Object.keys然后将map它们转化为价值
  • Object.values (在ES-2017中)
  • Object.entries然后是map每个键/值对(在ES-2017中)
  • for...in 循环并使用每个键填充值

还有更多。但是,由于这个问题是针对lodash(并假设有人已经使用过)的,因此您无需考虑太多有关版本,方法支持和错误处理(如果找不到)的问题。

还有其他lodash解决方案,例如_.values(对于特定的目的更具可读性),或者先成对再映射。但如果您的代码需要灵活性,可以在将来需要保留keys或转换值时进行更新,那么最好的解决方案是_.map在此答案中使用一个单数形式。按照可读性,这将不那么困难。

对象到数组

在所有答案中,我认为这是最好的:

let arr = Object.entries(obj).map(([key, val]) => ({ key, ...val }))

会改变:

{
  a: { p: 1, q: 2},
  b: { p: 3, q: 4}
}

至:

[
  { key: 'a', p: 1, q: 2 }, 
  { key: 'b', p: 3, q: 4 }
]

数组到对象

要变回:

let obj = arr.reduce((obj, { key, ...val }) => { obj[key] = { ...val }; return obj; }, {})

要转换回保留键值:

let obj = arr.reduce((obj, { key, ...val }) => { obj[key] = { key, ...val }; return obj; }, {})

会给:

{
  a: { key: 'a', p: 1, q: 2 },
  b: { key: 'b', p: 3, q: 4 }
}

对于最后一个示例,您还可以使用lodash_.keyBy(arr, 'key')_.keyBy(arr, i => i.key)

如果要将Object的某些自定义映射关系(例如原始Array.prototype.map)映射到Array中,则可以使用_.forEach

let myObject = {
  key1: "value1",
  key2: "value2",
  // ...
};

let myNewArray = [];

_.forEach(myObject, (value, key) => {
  myNewArray.push({
    someNewKey: key,
    someNewValue: value.toUpperCase() // just an example of new value based on original value
  });
});

// myNewArray => [{ someNewKey: key1, someNewValue: 'VALUE1' }, ... ];

参见lodash_.forEach的文档https://lodash.com/docs/#forEach

本文地址:http://javascript.askforanswer.com/yonglodashjiangduixiangzhuanhuanweishuzu.html
文章标签: ,   ,   ,  
版权声明:本文为原创文章,版权归 javascript 所有,欢迎分享本文,转载请保留出处!

文件下载

老薛主机终身7折优惠码boke112

上一篇:
下一篇:

评论已关闭!