简介
当我们在前端开发中需要对对象进行数组的操作时，我们通常需要将对象转换为数组，然后进行下一步操作。而 object-to-array 是一个便捷的 npm 包，提供了一些函数来将对象转换为数组。
安装
使用 npm 安装：
npm install object-to-array
或者使用 yarn 安装：
yarn add object-to-array
使用
const objectToArray = require('object-to-array');
// 将对象转为按照 value 排序的数组
const object = { a: 2, b: 1, c: 3 };
const array = objectToArray(object)
console.log(array) // [{ key: 'b', value: 1 }, { key: 'a', value: 2 }, { key: 'c', value: 3 }]objectToArray 函数可以将对象转化为存储在数组中的对象。返回的数组中的每一个元素都包含 key 和 value 两个属性：key 表示原对象中的属性名，value 表示对应的值。该函数还有一个可选的参数 sortFunction，用于支持自定义排序方式的功能。
另外，该包还提供了 arrayToObject 和 toObject 函数。
-- -------------------- ---- ------- ----- - -------------- -------- - - --------------------------- -- -------- ----- ----- - -- ---- ---- ------ - -- - ---- ---- ------ - -- - ---- ---- ------ - --- ----- ------ - --------------------- ------------------- -- - -- -- -- -- -- - - -- --------------- ----- ------ - - -- -- -- -- -- - -- ----- --------- - ---------------- --------- ---------------------- -- - ---- ---- ---- ---- ---- --- -
arrayToObject 函数和 toObject 函数是两个和 objectToArray 函数相反的函数，用于将数组转换为对象和将对象转换为有序对象。
示例代码
下面是一个在实际项目开发中的使用 object-to-array 做数据处理的例子。
-- -------------------- ---- ------- ----- ------------- - --------------------------- -- ------------ ----- ---- - - -- - ----- -------- ---- -- -- -- - ----- ------ ---- -- -- -- - ----- -------- ---- -- -- -- -- ---------------- --- ---- ----- ------ - ------------------- --- -- -- ----------- - ------------ ------- ---- ----- -- -- -- ----- ----------- ---- --------- ---- -------------------- -- -- ----- -------- ---- -- -- - ----- -------- ---- -- -- - ----- ------ ---- -- --
该例子中，我们使用 object-to-array 中的 objectToArray 函数将原数据按值排序并转化为数组，然后再进行数组的处理得到需要的结果。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/69287