假期充电 Day 3 —— Lodash 中文文档

栏目: JavaScript · 发布时间: 4年前

内容简介:将第一个参数(array数组),按照指定的长度(size),拆分成多个子数组,并将拆分出来的子数组组合成一个新的数组。如果没法均分,则剩余的元素组成一个子数组3.0.0
  1. 【 Lodash 和 Underscore 的关系 】
    • 江湖传闻(没核实过,先听着吧,反正翻译的主角是Lodash):
      • 一开始Lodash只是Underscore.js的一个fork,之后在原有的成功基础上取得了更大的成果,lodash的性能远远的超过了Underscore。
      • lodash基于Underscore.js,且兼容性更好,性能更好,更加全面的测试,属于Underscore.js的超集
  2. 【 ES6、ES7盛行的今天,还有必要使用 Lodash 么? 】
    • 网上一哥们整理一篇好文—— 你并不需要Underscore/Lodash ,里面梳理了已经被原生支持的一些方法,大家可以参考参考
    • 当然,在下也觉得,可以用原生实现的就不需要额外引入第三方库,不过目前 Lodash 还是有些功能用起来还是挺高(tou)效(lan)
    • 没有正面回答这个问题,到底有没有必要使用 Lodash?在下认为,还是见仁见智吧,萝卜青菜各有所爱,就看各位怎么看喽
  3. 【 网上中文资料那么多,为什么要自己瞎折腾? 】
    • 说实话,在下不是什么大神,就是一个半吊子的码农,这次翻译也不纯粹为了翻译,更多是想多看看别人大神的代码,偷偷师。就算没学到也算见识见识。不能让自己老躲在自己的井底,多折腾,多看看。
  4. 【 快速通道 】
    • 网上很多大神都有翻译过,如果比较心急,可以先行看看强大的网友翻译好的——Lodash中文文档
    • (ps:Lodash 中文官网里面还是有很多为翻译)
  5. 【 ps 】
    • 本文持续更新,很多细节还没想好怎么做才能更有价值,没事,先上路,细节路上解决,接受各位大大的吐槽和交流

信息

  1. 【 官网 】
  2. 【 版本号 】
    • v4.17.5

Array

_.chunk(array, [size=1])

_.chunk(array, [size=1])

源码npm包

将第一个参数(array数组),按照指定的长度(size),拆分成多个子数组,并将拆分出来的子数组组合成一个新的数组。如果没法均分,则剩余的元素组成一个子数组

引入版本

3.0.0

参数

array (Array): 需要处理的数组 [size=1] (number): 每个子数组的长度

返回

(Array): 返回一个包含拆分子数组的 新数组

例子

_.chunk(['a', 'b', 'c', 'd'], 2);
// => [['a', 'b'], ['c', 'd']]
 
_.chunk(['a', 'b', 'c', 'd'], 3);
// => [['a', 'b', 'c'], ['d']]

_.chunk(["a", "b", "c", "d"])
// => [['a'], ['b'], ['c'], ['d']]
复制代码

实用场景

待补充

_.compact(array)

_.compact(array)

源码npm包

去掉 array 中所有假值元素。其中, false, null, 0, "", undefined, NaN 都是被认为是“假值”

引入版本

0.1.0

参数

array (Array): 待处理的数组

返回

(Array): 返回过滤掉假值的新数组

例子

_.compact([0, 1, false, 2, '', 3]);
// => [1, 2, 3]

_.compact([0, 1, false, 2, '', 3, undefined, NaN, 4, 5, 'aaa', null, 'bbb', 666]);
// => [1, 2, 3, 4, 5, "aaa", "bbb", 666]
复制代码

实用场景

待补充

_.concat(array, [values])

_.concat(array, [values])

源码npm包

创建一个新数组,把 array ,以及后面的任何值或数组连接起来

引入版本

4.0.0

参数

array (Array): 被连接的数组 [values] (...*):连接在 array 后面的值(ps:一个或多个)

返回

(Array): 返回连接后的新数组

例子

var array = [1];
var other = _.concat(array, 2, [3], [[4]]);
var another = _.concat(array, 2, [3], [[4]], false, null, 0, "", undefined, NaN);
 
console.log(other);
// => [1, 2, 3, [4]]

console.log(another);
// => [1, 2, 3, [4], false, null, 0, "", undefined, NaN]
 
console.log(array);
// => [1]      ——说明不改变原数组 array
复制代码

实用场景

待补充

作者简介:吴勤发,芦苇科技web前端开发工程师。擅长网站建设、公众号开发、微信小程序开发、小游戏、公众号开发,专注于前端框架、服务端渲染、SEO技术、交互设计、图像绘制、数据分析等研究,有兴趣的小伙伴来撩撩我们~web@talkmoney.cn

访问www.talkmoney.cn 了解更多


以上就是本文的全部内容,希望本文的内容对大家的学习或者工作能带来一定的帮助,也希望大家多多支持 码农网

查看所有标签

猜你喜欢:

本站部分资源来源于网络,本站转载出于传递更多信息之目的,版权归原作者或者来源机构所有,如转载稿涉及版权问题,请联系我们

不止情感设计

不止情感设计

陈华 / 电子工业出版社 / 2015-5-21 / 59.00

本书着眼于“设计&心理”两个主要的维度,围绕“创新式思维2.0”(共情—移情—定义—构思—建模—测试)的模式,分析如何“理解一款好的产品设计”、“如何了解用户需求”、“如何从需求来定义产品”的几个步骤,由浅入深地介绍设计师通过洞察和理解用户内在需求来指导产品创新和设计的理念。一起来看看 《不止情感设计》 这本书的介绍吧!

HTML 压缩/解压工具
HTML 压缩/解压工具

在线压缩/解压 HTML 代码

URL 编码/解码
URL 编码/解码

URL 编码/解码

RGB CMYK 转换工具
RGB CMYK 转换工具

RGB CMYK 互转工具