npm 包 objar 使用教程

什么是 objar？

objar 是一个开源的 npm 包，用于将对象转化为数组。它提供了非常方便的操作，能够让开发者将对象转化为数组，方便进行一些数组操作。

如何安装 objar？

在终端里输入以下命令即可安装 objar：

npm install objar

如何使用 objar？

objar 的使用非常简单，只需要调用它提供的方法即可。下面我们将通过一个实际案例来进行介绍。

实例介绍

本文将以一个类似购物车的案例来介绍 objar 的使用方法。假设我们现在有一个用户购物车的对象，它长这样：

let cart = {
  apple: {name: '苹果', price: 5},
  banana: {name: '香蕉', price: 2},
  orange: {name: '橙子', price: 3},
}

现在我们想要将购物车中的商品转化为一个数组，以便进行一些数组操作。

使用方法

引用objar包：

const Objar = require('objar');

实例化 Objar 类：

const objar = new Objar();

调用 toArray 方法将购物车对象转化为数组：

const cartArr = objar.toArray(cart);
console.log(cartArr);

运行代码，我们可以看到输出了购物车数组：

[
  {key: 'apple', name: '苹果', price: 5},
  {key: 'banana', name: '香蕉', price: 2},
  {key: 'orange', name: '橙子', price: 3},
]

我们可以发现，转换后的数组中每一个元素都包含了我们原先购物车对象的键值对。key 代表对象的键，name 和 price 依次对应键所对应的属性值。

接下来，我们就可以基于数组进行各种操作了。比如说我们可以使用 map 方法在购物车数组中统计总价格：

const totalPrice = cartArr.map((item) => item.price)
                          .reduce((pre, current) => pre + current, 0);
console.log(`购物车贡献了 ${totalPrice} 元！`);

运行代码，我们可以看到输出了购物车总价格：

购物车贡献了 10 元！

总结

通过本文，我们已经学会了如何使用 objar 将对象转化为数组，以及如何在数组上进行各种操作。objar 并不是一个复杂的 npm 包，但是它提供了很大的便利来帮助开发者规范化操作。希望本文能帮到您。

来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/60066f9d3d1de16d83a66f87