npm 是前端开发中必不可少的工具,其包管理功能为我们提供了海量可用的依赖包,方便了开发者的开发工作,objex 便是其中之一。 objex 是一个 JavaScript 库,使您可以轻松操作对象和数组。
安装
在命令行中输入
npm install objex --save
以安装 objex 包及其依赖到你的项目中。然后在你的 JavaScript 文件中,引入 objex:
const objex = require('objex');
例子
对象操作
对象(Object)是 JavaScript 中最常用的数据类型之一。objex 将对象操作简化成一些有用的工具。以下是几个例子:
删除对象中的特定属性
const obj = { name: 'objex', age: 2, gender: 'male' }; objex.removeFromObject(obj, ['age', 'gender']); console.log(obj); // { name: 'objex' }
如上,将 obj 对象中的 age 和 gender 属性删除,并且返回了一个操作后的新的对象。
将对象转换为 key-value 数组
const obj = { name: 'objex', age: 2, gender: 'male' }; const arr = objex.toArray(obj); console.log(arr); // [ [ 'name', 'objex' ], [ 'age', 2 ], [ 'gender', 'male' ] ]
如上所示,该方法将返回一个包含一个或多个二元数组(数组嵌套数组)的数组,每个二元数组都有一个键值对。
对象之间的合并
const obj1 = { name: 'objex' }; const obj2 = { lang: 'javascript' }; const obj3 = objex.extend(obj1, obj2); console.log(obj3); // { name: 'objex', lang: 'javascript' }
如上所示,该方法用来将对象进行合并,返回一个包括两个对象所有属性的新的对象。
数组操作
数组(Array)是 JavaScript 中对于列表数据类型的利器。objex 为数组提供了一些有用的工具。以下是几个例子:
变换数组
const arr = [1, 2, 3]; const squareArr = objex.map(arr, num => num * num); console.log(squareArr); // [1, 4, 9]
如上所示,在数组中依次提取每个元素,对其进行操作,返回一个新的数组。
数组所有元素的累积
const arr = [1, 2, 3, 4, 5, 6]; const sum = objex.reduce(arr, (previousValue, currentValue) => previousValue + currentValue); console.log(sum); // 21
如上所示,该方法将对数组执行 reduce 操作,返回一个新的值,此处将数组元素进行求和。
找到元素在数组中的位置
const arr = [1, 2, 3, 4, 5]; const index = objex.arrayIndexOf(arr, 3); console.log(index); // 2
如上所示,该方法返回指定元素在数组中的索引。
排序
objex 提供了一些基本的排序方法。
按照属性值升序排序
const arr = [{name: 'Alex', age: 25}, {name: 'Bob', age: 18}, {name: 'Cat', age: 23}]; const sortByAge = objex.sortBy(arr, 'age'); console.log(sortByAge); // [ { name: 'Bob', age: 18 }, { name: 'Cat', age: 23 }, { name: 'Alex', age: 25 } ]
如上所示,该方法可以按照属性名进行升序排序。
总结
objex 提供了一个简单的工具库,为操作数组、对象和排序提供了便利,让前端开发者可以高效地处理复杂的数据结构,如果你需要处理这类操作的对象或数组,可以尝试一下 objex 呢!
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/80948