在前端开发中,有很多常用的工具包和库,可以帮助我们更快、更高效地完成开发任务。其中,npm 包@jongold/further 作为一款实用工具包,可以帮助我们更好地处理一些数组和对象的操作,提高前端程序开发的效率。下面就为大家介绍@jongold/further 的具体使用方法。
安装
安装@jongold/further,可以使用 npm 命令:
npm install --save @jongold/further
引入
在需要使用@jongold/further 的文件中,引入该包:
import further from '@jongold/further';
用法
@jongold/further 提供了一系列的方法,可以方便地处理数组和对象的操作。
方法列表
flattenDepth
: 将多维数组拍平groupBy
: 根据属性值分组chunk
: 将数组分块difference
: 找出数组中不同的元素drop
: 移除数组中的前 N 个元素dropRight
: 移除数组中的后 N 个元素first
: 返回数组的第一个元素last
: 返回数组的最后一个元素memoize
: 提高函数的执行速度
flattenDepth方法
该方法用于将一个多维数组拍平成一个一维数组,而且可以控制拍平层数。例如:
let arr = [1, [2, [3, [4, [5]]]]]; let result = further.flattenDepth(arr, 2); console.log(result); // [1, 2, 3, [4, [5]]]
groupBy方法
该方法用于根据数组中对象的某一个属性进行分组。例如:
-- -------------------- ---- ------- --- --- - - - ----- ----- ---- --- ---- --- -- - ----- ----- ---- --- ---- --- -- - ----- ----- ---- --- ---- --- -- - ----- ----- ---- --- ---- --- - -- --- ------ - -------------------- ------- -------------------- -- - -- ----- - - ----- ----- ---- --- ---- --- -- - ----- ----- ---- --- ---- --- - -- -- ----- - - ----- ----- ---- --- ---- --- - -- -- ----- - - ----- ----- ---- --- ---- --- - - -- -
chunk方法
该方法用于将一个数组分成多个块。例如:
let arr = [1,2,3,4,5,6,7]; let result = further.chunk(arr, 3); console.log(result); // [ [1,2,3], [4,5,6], [7] ]
difference方法
该方法用于找出两个数组中不同的元素。例如:
let arr1 = [1,2,3,4]; let arr2 = [1,3,5]; let result = further.difference(arr1, arr2); console.log(result); // [2,4]
drop和dropRight方法
这两个方法分别用于从数组的头部和尾部删除指定的元素个数。例如:
let arr = [1,2,3,4,5]; let result1 = further.drop(arr, 2); console.log(result1); // [3,4,5] let result2 = further.dropRight(arr, 2); console.log(result2); // [1,2,3]
first和last方法
这两个方法分别用于取数组的第一个元素和最后一个元素。例如:
let arr = [1,2,3,4,5]; let result1 = further.first(arr); console.log(result1); // 1 let result2 = further.last(arr); console.log(result2); // 5
memoize方法
该方法可以提高函数的执行速度。例如:
let fibonacci = n => { if (n === 1 || n === 2) return 1; return fibonacci(n - 1) + fibonacci(n - 2); }; let memoizedFibonacci = further.memoize(fibonacci); let result = memoizedFibonacci(10); console.log(result); // 55
结论
以上就是@jongold/further 的全部方法介绍和示例,通过使用@jongold/further,我们可以更加便捷地进行一些数组和对象的操作。
来源:JavaScript中文网 ,转载请注明来源 https://www.javascriptcn.com/post/600556c281e8991b448d391e