JavaScript lodash的常见用法

2023-05-29 0 581

Lodash是两个JavaScript的VirtualDub库,提供更多了许多常用的表达式和辅助工具,能协助他们更方便快捷地操作方式统计数据和处置方法论。责任编辑将详尽如是说Lodash的常用用语,主要包括第一类操作方式、字符串操作方式、表达式操作方式和其它常用操作方式等各方面。

JavaScript lodash的常见用法

一、第一类操作方式

实例:

const user ={

name:John,

address:{

city:New York,

street:123 Main St

}

};

get(user,address.city);//New York

get(user,address.zip,N/A);//N/A

2..set(object, path, value):增设第一类中选定方向的值。

实例:

const user ={

name:John,

address:{

city:New York,

street:123 Main St

}

};

set(user,address.city,Los Angeles);

console.log(user.address.city);//Los Angeles

3..has(object, path):判断第一类中是否存在选定方向的值。

实例:

const user ={

name:John,

address:{

city:New York,

street:123 Main St

}

};

has(user,address.city);// true

has(user,address.zip);// false

实例:

const user ={

name:John,

age:30,

address:{

city:New York,

street:123 Main St

}

};

keys(user);//[name,age,address]

5

实例:

const user ={

name:John,

age:30,

address:{

city:New York,

street:123 Main St

}

};

values(user);//[John,30,{city:New York, street:123 Main St}]

JavaScript lodash的常见用法

二、字符串操作方式

1..chunk(array, size):将字符串按照选定大小分块。

实例:

const arr =[1,2,3,4,5,6];

chunk(arr,2);//[[1,2],[3,4],[5,6]]

chunk(arr,3);//[[1,2,3],[4,5,6]]

2..compact(array):去除字符串中的假值,主要包括false、null、0、、undefined和NaN。

实例:

const arr =[1,0, false,, null, undefined, NaN];

compact(arr);//[1]

3..difference(array,[values]):返回字符串中不包含在选定字符串中的元素。

实例:

const arr1= [1,2,3,4,5];

const arr2= [2,4,6];

difference(arr1, arr2);//[1,3,5]

4..drop(array,[n=1]):返回去除字符串中前n个元素后的剩余元素。

实例:

const arr =[1,2,3,4,5];

drop(arr);//[2,3,4,5]

drop(arr,2);//[3,4,5]

5..take(array,[n=1]):返回字符串中前n个元素。

实例:

const arr =[1,2,3,4,5];

take(arr);//[1]

take(arr,3);//[1,2,3]

JavaScript lodash的常见用法

三、表达式操作方式

1..debounce(func,[wait=0],[options={}]):创建两个表达式,该表达式在选定时间间隔内只执行一次。

实例:

const debouncedFn =.debounce(()=>{

console.log(Debounced function called);

},1000);

debouncedFn();//调用后1秒才执行

2..throttle(func,[wait=0],[options={}]):创建两个表达式,该表达式在选定时间间隔内最多执行一次。

实例:

const throttledFn =.throttle(()=>{

console.log(Throttled function called);

},1000);

throttledFn();//调用后立即执行

setTimeout(()=>{

throttledFn();//1秒后执行

},1000);

3..memoize(func,[resolver]):创建两个表达式,该表达式缓存计算结果,避免重复计算。

实例:

const fibonacci =.memoize((n)=>{

if (n <2){

return n;

}

return fibonacci(n -1)+ fibonacci(n -2);

});

console.log(fibonacci(10));//55

console.log(fibonacci(10));//直接返回缓存的结果

四、其它常用操作方式

1..clone(value):复制两个值。

实例:

const obj ={name:John};

const clonedObj =.clone(obj);

console.log(clonedObj);//{name:John}

2..isEqual(value, other):判断两个值是否相等。

实例:

const obj1= {name:John};

const obj2= {name:John};

isEqual(obj1, obj2);// true

3..isEmpty(value):判断两个值是否为空。

实例:

isEmpty(null);// true

isEmpty(undefined);// true

isEmpty();// true

isEmpty([]);// true

isEmpty({});// true

4..omit(object,[paths]):返回第一类中除了选定键之外的所有键值对。

实例:

const obj ={name:John, age:30, address:123 Main St};

omit(obj,[address]);//{name:John, age:30}

5..pick(object,[paths]):返回对象中选定键的键值对。

实例:

6..random([lower=0],[upper=1],[floating]):返回选定范围内的随机数。

实例:

random(1,10);//生成1到10之间的整数

random(1.5,10.5, true);//生成1.5到10.5之间的浮点数

7..template(string,[options={}]):编译两个模板字符串,返回两个表达式,该表达式能根据传入的统计数据生成最终的字符串。

实例:

const compiled =.template(Hello <%= name %>!);

console.log(compiled({name:John}));//Hello John!

8..truncate(string,[options={}]):截取字符串,如果超过选定长度,则用…代替。

实例:

const str =The quick brown fox jumps over the lazy dog;

truncate(str,{length:20});//The quick brown fox…

truncate(str,{length:20, omission: (…continued)});//The quick brown fox (…continued)

9..uniqueId([prefix=]):生成唯一的ID。

实例:

uniqueId(user);//user1

uniqueId(user);//user2

10..zip([arrays]):将多个字符串合并成两个字符串,每个元素为原字符串中相同位置的元素组成的字符串。

实例:

const arr1= [1,2,3];

const arr2= [a,b,c];

zip(arr1, arr2);//[[1,a],[2,b],[3,c]]

总结

Lodash是两个非常实用的JavaScript辅助工具库,提供更多了许多常用的表达式和辅助工具,能大大提高开发效率。责任编辑如是说了Lodash的常用用语,主要包括第一类操作方式、字符串操作方式、表达式操作方式和其它常用操作方式等各方面,希望对大家有所协助。

相关文章

发表评论
暂无评论
官方客服团队

为您解决烦忧 - 24小时在线 专业服务