【JavaScript】Lodash在React Native中的使用
程序员文章站
2022-06-25 08:37:11
Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库。 Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。Lodash 的模块化方法 非常适用于: 遍历 array、object 和 str ......
lodash是一个一致性、模块化、高性能的 javascript 实用工具库。
lodash 通过降低 array、number、objects、string 等等的使用难度从而让 javascript 变得更简单。lodash 的模块化方法 非常适用于:
- 遍历 array、object 和 string
- 对值进行操作和检测
- 创建符合功能的函数
import lodash from 'lodash';
1、array方法
1.1 _.findindex
返回值(number): 返回找到元素的 索引值(index),否则返回 -1
。
var users = [ { 'user': 'barney', 'active': false }, { 'user': 'fred', 'active': false }, { 'user': 'pebbles', 'active': true } ]; _.findindex(users, function(o) { return o.user == 'barney'; }); // => 0 // the `_.matches` iteratee shorthand. _.findindex(users, { 'user': 'fred', 'active': false }); // => 1 // the `_.matchesproperty` iteratee shorthand. _.findindex(users, ['active', false]); // => 0 // the `_.property` iteratee shorthand. _.findindex(users, 'active'); // => 2
1.2、_.findlastindex
返回值(number): 返回找到元素的 索引值(index),否则返回 -1
。
var users = [ { 'user': 'barney', 'active': true }, { 'user': 'fred', 'active': false }, { 'user': 'pebbles', 'active': false } ]; _.findlastindex(users, function(o) { return o.user == 'pebbles'; }); // => 2 // the `_.matches` iteratee shorthand. _.findlastindex(users, { 'user': 'barney', 'active': true }); // => 0 // the `_.matchesproperty` iteratee shorthand. _.findlastindex(users, ['active', false]); // => 2 // the `_.property` iteratee shorthand. _.findlastindex(users, 'active'); // => 0
1.3、_.indexof
返回值(number): 返回 值value
在数组中的索引位置, 没有找到为返回-1
。
_.indexof([1, 2, 1, 2], 2); // => 1 // search from the `fromindex`. _.indexof([1, 2, 1, 2], 2, 2); // => 3
1.4、_.reverse
返回(array): 返回 array
.
反转array
,使得第一个元素变为最后一个元素,第二个元素变为倒数第二个元素,依次类推。
var array = [1, 2, 3]; _.reverse(array); // => [3, 2, 1] console.log(array); // => [3, 2, 1]
1.5、_.slice
裁剪数组array
,从 start
位置开始到end
结束,但不包括 end
本身的位置。
参数
-
array
(array): 要裁剪数组。 -
[start=0]
(number): 开始位置。 -
[end=array.length]
(number): 结束位置。
返回
(array): 返回 数组array
裁剪部分的新数组。
推荐阅读
-
在JavaScript中操作时间之setYear()方法的使用
-
在JavaScript中操作时间之getYear()方法的使用教程
-
在JavaScript中处理时间之setMinutes()方法的使用
-
在JavaScript中操作时间之getUTCDate()方法的使用
-
在JavaScript中处理时间之getHours()方法的使用
-
使用JavaScript中的lodash编写双色球效果
-
react-native 在新版Xcode(10+)中运行出现的问题: node_modules/react-native/third-party/glog-0.3.4 , C compiler cannot create executables
-
在Javascript中处理数组之toSource()方法的使用
-
在JavaScript中处理数组之reverse()方法的使用
-
在JavaScript中操作时间之getMonth()方法的使用