Lodash是一个著名的javascript原生库,不需要引入其他第三方依赖。是一个意在提高开发者效率,提高JS原生方法性能的JS库。简单的说就是,很多方法lodash已经帮你写好了,直接调用就行, Lodash使用了一个简单的 _ 符号,就像Jquery的 $ 一样,十分简洁。为什么使用lodash,通过使用数组,数字,对象,字符串等方法,Lodash使JavaScript变得更简单。
npm i --save lodash
或 yarn add lodash
ReactNative中使用 如下:
import _ from 'lodash';
formatImgs() {
const ImgItems: any = [];
console.log(' formatImgs ', this.state.badgeData.length);
_.forEach(this.state.badgeData, (item: any) => {
ImgItems.push(
<View style={styles.itemContentContainer}>
<Image style={styles.itemImagDetail} source={showIntegralActions(item.badge_image_url)} />
<Text>{item.badgeTitle}</Text>
</View>
);
});
return ImgItems;
}
JavaScript中使用:
遍历循环执行某个方法
_.map()
<script type="text/javascript">
function square(n) {
return n * n;
}
console.log(_.map([4, 8], square));
// => [16, 64]
console.log(_.map({ 'a': 4, 'b': 8 }, square));
// => [16, 64] (iteration order is not guaranteed)
var users = [
{ 'user': 'baidu' },
{ 'user': 'google' }
];
console.log(_.map(users, 'user'));
// => ['baidu', 'google']
</script>