在前端开发中，我们经常需要对一些数据进行操作和处理，而操作大量数据的时候，手动去处理往往十分繁琐和低效。所以，今天我们来介绍一款 npm 包 objss，它可以帮助我们更方便快捷地操作数据。
什么是 objss
objss 是一款基于 JavaScript 的 npm 包，它可以帮助我们更快速、简便地操作数据。它提供了一系列的方法，能够帮助开发者在处理、深度复制、比较对象时提供便利。
安装 objss
objss 可以通过 npm 来安装，只需要在终端中输入以下命令即可：
npm install --save objss
使用 objss
我们先通过一个简单的例子来看看如何使用 objss：
-- -------------------- ---- ------- ------ - ------------- --------- ------ - ---- -------- ----- ---- - ------------------- ------- ---- --- -------- ---------- ----- ---- - --------------- ----- ------- - ------------ ------ ------------------ -- ------ ------- ---- --- -------- -------- ------------------ -- ------ ------- ---- --- -------- -------- --------------------- -- ----
在这个例子中，我们首先使用了 createObject 方法来创建了一个对象。然后，使用了 deepCopy 方法来深度复制了这个对象，并将复制出来的对象赋值给了 obj2 变量。接下来，我们使用了 equals 方法来比较 obj1 和 obj2 是否相等，结果为 true。
下面我们详细介绍一下 objss 提供的方法。
createObject()
该方法用于创建一个对象。我们可以传入一个对象字面量，也可以传入一个已存在的对象进行拷贝。
// 创建一个新的对象
const obj1 = createObject({name: 'Jack', age: 20, country: 'China'});
// 拷贝一个已有的对象
const obj2 = createObject(obj1);deepCopy()
该方法用于深度复制一个对象。如果我们只是简单地对一个对象进行赋值操作，那么当我们修改新对象的属性时，原对象的属性也会被相应地修改。这时我们就需要深度复制这个对象，防止修改时影响到原对象。
-- -------------------- ---- ------- ----- ---- - ------ ------- ---- --- -------- - ----- ---------- ------- ------ --- ----- ---- - --------------- ------------------ -- ------ ------- ---- --- -------- ------ ---------- ------- -------- ----------------- - ----------- ------------------ -- ------ ------- ---- --- -------- ------ ---------- ------- -------- ------------------ -- ------ ------- ---- --- -------- ------ ----------- ------- --------
equals()
该方法用于比较两个对象是否相等。如果我们简单地使用 == 或 === 进行比较，只会进行引用的比较，而不是值的比较。所以，我们需要使用该方法来进行深度比较。
const obj1 = {name: 'Jack', age: 20, address: { city: 'Beijing', street: 'XXXX' }};
const obj2 = {name: 'Jack', age: 20, address: { city: 'Beijing', street: 'XXXX' }};
const obj3 = {name: 'Lucy', age: 22, address: { city: 'Shanghai', street: 'XXXX' }};
const isEqual1 = equals(obj1, obj2); // true
const isEqual2 = equals(obj1, obj3); // falsefilter()
该方法用于过滤掉对象中某些属性。我们可以传入一个数组，数组中的元素代表了需要过滤掉的属性名。
const obj = {name: 'Jack', age: 20, country: 'China'};
const filtered = filter(obj, ['country']);
console.log(filtered); // {name: "Jack", age: 20}omit()
该方法用于过滤掉对象中指定的属性，与 filter 方法的不同在于，我们需要传入需要保留的属性名，而 filter 方法则是传入需要过滤掉的属性名。
const obj = {name: 'Jack', age: 20, country: 'China'};
const filtered = omit(obj, ['age', 'country']);
console.log(filtered); // {name: "Jack"}pick()
该方法用于选取对象中指定的属性，我们可以传入一个数组，数组中的元素代表了需要选取的属性名。
const obj = {name: 'Jack', age: 20, country: 'China'};
const picked = pick(obj, ['name', 'age']);
console.log(picked); // {name: "Jack", age: 20}mapKeys()
该方法用于对对象中属性名进行重命名，我们可以传入一个函数，该函数接收两个参数，第一个参数代表了对象的属性名，第二个参数代表了对象的属性值。在该函数的返回值中，我们可以将属性名重命名为一个新的值。
const obj = {firstName: 'Jack', lastName: 'Doe', age: 20};
const newKeys = mapKeys(obj, (key, value) => key.toUpperCase());
console.log(newKeys); // {FIRSTNAME: "Jack", LASTNAME: "Doe", AGE: 20}mapValues()
该方法用于对对象中属性值进行操作，我们可以传入一个函数，该函数接收两个参数，第一个参数代表了对象的属性名，第二个参数代表了对象的属性值。在该函数的返回值中，我们可以对属性值进行操作后返回一个新的值。
const obj = {firstName: 'Jack', lastName: 'Doe', age: 20};
const newValues = mapValues(obj, (key, value) => typeof value === 'string' ? value.toUpperCase() : value);
console.log(newValues); // {firstName: "JACK", lastName: "DOE", age: 20}总结
在本文中，我们介绍了 npm 包 objss 的使用方法。它提供了一些方法，如创建对象、深度复制、比较对象、过滤属性、选取属性、重命名和操作属性值等。这些方法在前端开发中提供了很大的便利，可以帮助我们更快速、简便地操作数据。我们希望该文对您有所帮助，加速您的开发效率。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/5f6c6847a9b7065299ccb94b