lodash-Lang

最新推荐文章于 2024-02-22 15:25:48 发布
最新推荐文章于 2024-02-22 15:25:48 发布
阅读量528 收藏 1
点赞数
分类专栏： lodash
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/weixin_42995876/article/details/96999182
版权

文章目录


常用：
.clone，.cloneDeep，
.eq，.isEqual，
.isArray，.isArrayLike， .isArrayLikeObject，.isObject， .isObjectLike，.isBoolean， .isString，.isDate， .isNumber，.isInteger，
_.isElement，

  • _.castArray(value)

如果 value 不是数组, 那么强制转为数组。
参数
value (*): 要处理的值。

返回
(Array): 返回转换后的数组。

_.castArray(1);
// => [1]
 
_.castArray({ 'a': 1 });
// => [{ 'a': 1 }]
 
_.castArray('abc');
// => ['abc']
 
 _.castArray(true);
// => [true]

_.castArray(null);
// => [null]
 
_.castArray(undefined);
// => [undefined]
 
_.castArray();
// => []
 
var array = [1, 2, 3];  // [1, 2, [3],{a:1,}]
console.log(_.castArray(array) === array);
// => true
// 如果是数组，那么原样返回，存储的地址都是一样的。

  • _.clone(value)

创建一个 value 的浅拷贝。
参数
value (*): 要拷贝的值

返回
(*): 返回拷贝后的值。

// js赋值
var objects = [{ 'a': 1 }, { 'b': 2 }];
var shallow= objects;

console.log(shallow===objects); // true，外层引用地址是一样的。
console.log(shallow[0] === objects[0]); // true，里面引用类型地址也是一样的。

objects[0].a=3; // 都会改变

// _.clone() 浅拷贝
var objects = [{ 'a': 1 }, { 'b': 2 }]; 
var shallow = _.clone(objects);

console.log(shallow===objects); // false，外层引用地址不一样。
console.log(shallow[0] === objects[0]); // true，里面引用类型地址是一样的。

objects[0].a=3; // 都会改变


// _.cloneDeep()  深拷贝
var objects = [{ 'a': 1 }, { 'b': 2 }];
var deep = _.cloneDeep(objects);

console.log(deep === objects); // false，外层断开了联系
console.log(deep[0] === objects[0]); // false，里面引用类型也断开了联系

deep [0].a=3; // 互不影响

  • _.cloneDeep(value)

这个方法类似 _.clone，除了它会递归拷贝 value。（也叫深拷贝）。
参数
value (*): 要深拷贝的值。

返回

(*): 返回拷贝后的值。

var objects = [{ 'a': 1 }, { 'b': 2 }];

var deep = _.cloneDeep(objects);

console.log(deep[0] === objects[0]);
// => false

  • _.isArray(value)

检查 value 是否是 Array 类对象。
参数
value (*): 要检查的值。

返回

(boolean): 如果value是一个数组返回 true，否则返回 false。

_.isArray([1, 2, 3]);
// => true
 
_.isArray(document.body.children);
// => false
 
_.isArray('abc');
// => false
 
_.isArray(_.noop);
// => false

  • _.isArrayLike(value)

参数
value (*): 要检查的值。

返回
(boolean): 如果value是一个类数组，那么返回 true，否则返回 false。

_.isArrayLike([1, 2, 3]);
// => true
 
_.isArrayLike(document.body.children);
// => true
 
_.isArrayLike('abc');
// => true
 
_.isArrayLike(_.noop);
// => false

  • _.isArrayLikeObject(value)

这个方法类似 _.isArrayLike。除了它还检查value是否是个对象。

参数
value (*): 要检查的值。

返回
(boolean): 如果 value 是一个类数组对象，那么返回 true，否则返回 false。

_.isArrayLikeObject([1, 2, 3]);
// => true
 
_.isArrayLikeObject(document.body.children);
// => true
 
_.isArrayLikeObject('abc');
// => false
 
_.isArrayLikeObject(_.noop);
// => false

  • _.isBoolean(value)

检查 value 是否是原始 boolean 类型或者对象。

_.isBoolean(false);
// => true
 
_.isBoolean(null);
// => false

  • _.isDate(value)

检查 value 是否是 Date 对象。
参数
value (*): 要检查的值。

返回
(boolean): 如果 value 是一个日期对象，那么返回 true，否则返回 false。

注：日期字符串不可以的；时间戳不可以的。

_.isDate(new Date); 
// => true

typeof new Date()  // object
 
_.isDate('Mon April 23 2012');
// => false

  • _.isElement(value)

检查 value 是否是可能是 DOM 元素。

_.isElement(document.body);
// => true
 
_.isElement('<body>');
// => false

  • _.isEmpty(value)

检查 value 是否为一个空对象，集合，映射或者set。 判断的依据是除非是有枚举属性的对象，length 大于 0 的 arguments object, array, string 或类jquery选择器。

_.isEmpty(null);
// => true
 
_.isEmpty(true);
// => true
 
_.isEmpty(1);
// => true
 
_.isEmpty([1, 2, 3]);
// => false
 
_.isEmpty({ 'a': 1 });
// => false

_.isEmpty('abc')
 // false

空对象呢？是不是arrayLike都是fasle？

  • _.isEqual(value, other)

执行深比较来确定两者的值是否相等。

var object = { 'a': 1 };
var other = { 'a': 1 };
 
 _.eq(object, other) // false
 
_.isEqual(object, other);
// => true
 
object === other;
// => false

  • _.isInteger(value)

检查 value 是否为一个整数。

注意: 这个方法基于 Number.isInteger.

_.isInteger(3);
// => true
 
_.isInteger(Number.MIN_VALUE);
// => false
 
_.isInteger(Infinity);
// => false
 
_.isInteger('3');
// => false

  • _.isString(value)

检查 value 是否是原始字符串String或者对象。

_.isString('abc');
// => true
 
_.isString(1);
// => false

等等

开水没有冬天
关注
专栏目录
【5天打卡】学习Lodash的第二天——常用api学习
happy921212的博客
04-25 784
以上就是今天的学习，关注我，大家一起进步！文接上篇，大家好，最近，我在学习Lodash这个工具库。Lodash最初是Underscore的分支，后来逐渐壮大后自立门户。Lodash 功能比 Underscore 更丰富，且 Underscore 已有3、4年没有更新，所以推荐使用 Loadash。但是和原生相比还是推荐使用ES6等。Lodash。
vue3.0引入lodash
HarryHY的博客
12-18 5548
下载lodash npm i --save lodash 引入lodash import _ from 'lodash'; const _debounce = _.debounce(confirmMsg, 5000);//引入lodash功能 const confirmMsgfn = () => {//使用lodash _debounce() } 踩坑 https://blog.csdn.net/HarryHY/article/details/122007234 全
Lodash工具库Lang学习
xun__xing的博客
06-30 660
Lang一、Lang1_.castArray(value)2_.clone(value)3_.conformsTo(object, source)4_.eq(value, other)5_.gt(value, other)6_.isArray(value)7_.isObject(value)8_.toArray(value) 一、Lang 1_.castArray(value) 如果 value 不是数组, 那么强制转为数组。 console.log(_.castArray({'age':18})); co
lodash——lang
qq_35993607的博客
08-13 110
castArray：如果value不是数组, 那么强制转为数组。 clone：浅拷贝； cloneDeep：深拷贝（修改对象、数组等元素时，不会影响原先的对象） conformsTo： var object = { 'a': 1, 'b': 2 }; _.conformsTo(object, { 'b': function(n) { return n > 1; } }); ...
Lodash 中文文档 (v3.10.1) - “Lang” 方法
weixin_33766805的博客
01-12 190
Lodash 中文文档 (v3.10.1) - “Lang” 方法 Translated by PeckZegOriginal Docs: Lodash v3.10.1 Docs “Lang” 方法 _.clone(value, [isDeep], [customizer], [thisArg]) 创建一个 value 的克隆。如果 is...
字符串转long型数据的方法
Walkline's BBP :)
06-04 3810
黑莓的HashTable可以用来存储一系列的用户数据，但是可以put进去的数据类型十分有限，譬如作为时间的long型数据，就需要转换为字符串然后存入HashTable，再存入Persistent Store中，读取的时候需要将字符串再还原为long数据，今天试了用如下代码，会抛出数字类型异常，原因可能是在函数内部转换的时候数据类型都是int？说不好 long lng=Integer.valueO
【TypeScript】怎样在TS中使用lodash?
纠缠AI的亮子
05-21 8093
lodash是一个广泛使用的JS库，怎样在TypeScript开发中使用它呢？ 首先安装： npm i lodash npm i -D @types/lodash 使用方法一： 在 tsconfig.json 中开启： "esModuleInterop": true 然后就可以这样引用： import _ from 'lodash' 使用方法二： 如果没有启用 esModuleInterop，则可以这样引用： import * as _ from 'lodash' ...
解决引入lodash库(或其他第三方库)时TS报错：TS7016: Could not find a declaration file for module lodash
我的米饭
08-22 1721
可以在 src 目录下的 “shims-vue.d.ts” 文件里增加如下代码。
使用JavaScript中的lodash编写双色球效果
12-08
html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge">...
lodash库方法说明
宅神的博客
11-04 750
文章目录数组方法集合方法函数方法‘Lang’ method数学方法数字方法对象方法 数组方法 # 查 head(array) # 返回array的第一个元素 last(array) # 获取array最后一个元素 nth(array, n) # 获取第n个元素, n可以为负数 sortedIndex(array, value) # value可以插入已排序数组array的位置，返回索引 ([3,5...
JQuery+lodash双色球
qq_45021603的博客
05-08 434
JQuery+lodash双色球效果图CSSHTMLJS 效果图 CSS <style> * { margin: 0; padding: 0; } header { width: 1200px; height: 300px; ...
vue3+ts,记录lodash常用的实用的函数
weixin_46689373的博客
01-09 1924
vue3+ts前端,记录lodash常用的实用的函数
vue+ts 使用lodash防抖处理数据
wanghuohuo1998的博客
08-08 1743
2、防抖处理 // lodash 支持按需加载，有利于打包结果优化 import { debounce } from "lodash" 不建议下面这样使用，因为这样会加载整个模块。 import _ from 'lodash' _.debounce() // debounce 函数 // 参数1：函数 // 参数2：防抖时间 // 返回值：防抖之后的函数，和参数1功能是一样的 onSearchInput: debounce(async function () { const searchCont
Vue3 + Ts (使用lodash)
最新发布
想好了再写！
02-22 730
安装之后重启Vscode还是会提示上面的警告，此时还需在。配置完成后就不会有警告了～
深入理解TypeScript - react实践
qq_41831345的博客
06-18 1890
创建项目 这里使用create-react-app命令来创建项目： $ sudo npm i create-react-app -g $ create-react-app react-ts --scripts-version=react-scripts-ts 回车，就可以初始化一个react +TypeScript 本地项目。目录结构如下： node_modules直接装好了，cd react-ts npm run start项目跑起来。 tsconfig.json包含了工程里TypeSc.
Lodash中十个常用的工具函数
ktutu的博客
03-15 4811
当你使用JavaScript进行编程的时候，你很可能需要经常重复写一些工具函数，尤其是处理字符串和对象。 即使ES6已经被标准化了，JavaScript开发者依然无法获得像Objective-C或Ruby那样多的语法糖。 因此，在JavaScript应用中仍然被重复的编写大量的工具函数。而本文将会为你带来的救星就是 Loadsh 。 本文将要介绍的是Loadash中的10个常用的工具函数，当
lodash常用工具类函数
专注前端开发
08-10 3187
lodash有许多工具类函数，这里列举本人常用的几个。 合并数组 _.flattenDeep([1, [2, [3, [4]], 5]]); // =&gt; [1, 2, 3, 4, 5] 合并去重  _.union([2], [1, 2]); // =&gt; [2, 1] var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 ...
vue3+ts通过lodash实现防抖节流
qq_45489665的博客
05-02 5890
安装lodash npm i --save-dev @types/lodash 在组件中引入lodash import * as _ from 'lodash' 防抖 _.debounce(func, [wait=0], [options=]) 函数在延迟几毫秒之后才执行，也就是停止改变几秒后执行 参数 func (Function): 要防抖动的函数。 [wait=0] (number): 需要延迟的毫秒数。 [options=] (Object): 选项对象。 [options.leadi
TypeScript（ts-loader，tsconfig.json及lodash）
差不少的博客
07-14 1036
ts-loader npm typescript ts-loader -D 可以把ts和webpack整合到一起 exclude是配置排除，不使用use：ts配置的ts去校验 resolve配置可解析的后缀名的文件 npx tsc - - init 安装tsconfig.json 把几个重要的配置打开 rootDir并把值改为当前文件夹下的src outDir并把值改为当前文件夹下的dist 设置app.js的值 npx webpack 成功后 bundle.js中就会有解析过的代码了（var.
commons-lang 3-12.0
09-09
commons-lang是一个开源的Java类库，提供了许多常用的工具类和方法，能够帮助开发者简化Java编程过程中的一些常见任务。 commons-lang 3-12.0是commons-lang类库的一个特定版本。这个版本是commons-lang 3系列的第...
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值