Lodash 前端必备神器:学会这些技巧,让你代码量减半、效率翻倍!

Lodash 非常容易使用。
我上周刚刚在一个项目中使用了它。

2 02 3 年,我用它来处理表格。
_.chunk() 函数非常方便,将数组分成几个块。
例如,_.chunk([1 , 2 , 3 , 4 ], 2 ) 被拆分为 [[1 , 2 ], [3 , 4 ]]。
_.compact() 可以删除数组中的假值。
_.concat() 对于合并数组也很简单。

对象操作也很实用。
_.assign() 合并对象,_.pick() 选择多个属性。
例如, _.pick({a: 1 , b: 2 }, 'a') 将得到 {'a': 1 }。

链上的操作也有很多。
_.trim() 删除前导和尾随空格。
_.startCase() 将每个单词的第一个字母大写。

高级功能很有用。
节流函数_.debounce(),缓存结果_.memoize()。
组合函数链调用 _.flow() 非常优雅。

mathematical_.sum() 函数计算数组的总和。
_.random() 生成随机数。

日期函数_.now() 采用时间戳。
_.moment() 解析日期。

异常处理_.attempt() 尝试执行该函数。
_.isError() 确定错误。

SetProcessing_.difference() 获取所有差异。
_.union() 合并并删除重复项。

Lodash 确实提高了性能。
但有时感觉有点沉重。
没关系。
这是你的。

js中如何去除数组中指定位置的数据

上周,一位客户问我如何在 JavaScript 数组上使用 splice 方法,我立即想到了这个方法。
简单来说,array.splice(index, 1 );这行代码用于删除数组中指定位置的元素。

例如,假设您有一个数组 [1 , 2 , 3 , 4 , 5 ]。
如果你想删除中间的3 个,你可以这样做:
javascript 让 myArray = [1 , 2 , 3 , 4 , 5 ]; myArray.splice(2 , 1 ); //索引2 处的元素(即数字3 )被删除 控制台.log(myArray); // 输出:[1 ,2 ,4 ,5 ]
这里,index是要删除的元素的位置(从0开始计数),1 是要删除的元素的数量。
所以这个例子告诉 splice 从位置 2 开始删除一个元素。

但是,请记住,当您使用 splice 时,它​​直接作用于数组,因此它会修改原始数组。
如果您不想修改原始数组,请考虑制作该数组的副本并对该副本执行操作。

js如何处理两个json数组去除重复数据,然后合并数组,求大神帮忙解决下

我记得有一天我正在编制一个会议记录数据库。
当时数据量虽小,但重复信息很多。
我花了几个小时手动删除重复项,效率低下且容易出错。
后来我学了一点JavaScript技巧,使用了地图功能,世界瞬间变得明亮起来。

那是2 01 2 年,我在一个小公司办公室里,看着电脑屏幕,突然灵机一动,我就记住了这个方法。
我尝试编写一段类似这样的代码:
javascript var c = a.concat(b), //连接成数组 temp = {}, //用于通过ID识别重复项 result = [];//最后一个新数组
//我们遍历数组c并评估每个item.id在temp中是否有值。
如果不存在,则将对应的元素赋值给一个新数组,并赋值temp中item.id对应的key。
下次评估相同值时将不再使用该分支,以达到评估重复值的目的; c.map((元素,索引) => { if (!temp[item.id]) { 结果.push(元素); 临时[项目.id] = true; } }); console.log(结果);
结果令人惊奇:不仅快速,而且准确。
那天我工作了很长时间,但感到很有成就感。
等等,我还记得当时咖啡都喝光了,不过没关系,解决问题就是最大的幸福。