Lodash数组篇
概念简述
- lodash 是一个类库
- Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单
用法 let _ = require('lodash')
数组篇
1、_.chunk(array,[size=1]) 切割数组
作用: 讲数组array拆分成多个size长度的区块,并将这些区块组成一个新的数组,
如果array无法分割成等长的区块,那么最后的剩余元素将组成一个区块。
- 参数 array :需要处理的数组 size=1(number):每个数组区块的长度
- 返回 (Array):返回一个包含拆分区块的新数组(相当于二维数组)
- demo
let _ = require("lodash");
let arr = [1, 2, 3, 4, 5, 6];
let arr_result = _.chunk(arr, 2);
console.log(arr_result);
//结果[[1,2],[3,4],[5,6]]
//如果第二个参数要是4则变成 [[1,2,3,4],[5,6]]2、 _.compact(array) 刨去假值
let _ = require("lodash");
let arr = [0, 1, NaN, 2, null, 3, undefined];
let arr_result = _.compact(arr);
console.log(arr_result);
//结果 [1,2,3]3、_.concat(array,[values]) 两个数组链接起来
let _ = require("lodash");
let arr = [1];
let arr2 = _.concat(arr, 2, [3], [[4]], { name: "张三" });
console.log(arr2);
// 结果 [1, 2, 3, [4], {name: '张三'}]4、_.difference(array,[values]) 找出数组中不包含另一个数组中的元素
- array:要检查的数组
[values] :要排除的值 let _ = require("lodash");
let result = _.difference([3, 2, 100], [100, 2]);
console.log(result);
//结果就是[3]5、_.differenceBy(array,[values],condition) 支持数组对象
- array:要检查的数组
[values] :要排除的值
条件 :他是先把2个数组里面的所有值都执行一遍条件,然后筛选出来 let _ = require("lodash");
let result = _.differenceBy(
[{ name: "哈哈" , age: 22}, {name: '哈哈22'}, {name: '哈哈'}, { sex: "男" }], // array
[{ name: "哈哈" }], // [values]
"name"
);
console.log(result);
//结果[{name: '哈哈22'},{sex:"男"}]let _ = require("lodash");
let result = _.differenceBy([12, 3, 4], [3, 1], function(item) {
return item - 4 > 0;
});
console.log(result); // [12]let _ = require("lodash");
let result = _.differenceBy([3.1, 4.2, 5.3], [4.6, 5.1], Math.floor);
console.log(result); // 向下取整后 结果: 3.16、_.drop(array,[n=1]) 从左边开始切割 、_.dropRight(array,[n=1]) 从右边去掉
let _ = require("lodash");
let arr = [1, 2, 3, 4, 5, 6];
let arr_result = _.drop(arr, 3);
console.log(arr_result); //结果: [4,5,6]7、_.flattenDeep(array) 回归一维数组
let _ = require("lodash");
let user = [1, [2, 3, 4, [6, 8, [9, 10]]]];
let result = _.flattenDeep(user);
console.log(result);
//结果就是[1,2,3,4,6,8,9,10];8、_.uniq(array) 去重
Lodash数组篇的更多相关文章
- PHP学习笔记之数组篇
摘要:其实PHP中的数组和JavaScript中的数组很相似,就是一系列键值对的集合.... 转载请注明来源:PHP学习笔记之数组篇 一.如何定义数组:在PHP中创建数组主要有两种方式,下面就让我 ...
- (2)ES6解构赋值-数组篇
1.解构赋值-数组篇 //Destrcturing(解构) //ES5 /* var a = 1; var b = 2; var c = 3; */ //ES6 var [a,b,c] = [1,2, ...
- 用js来实现那些数据结构(数组篇01)
在开始正式的内容之前,不得不说说js中的数据类型和数据结构,以及一些比较容易让人混淆的概念.那么为什么要从数组说起?数组在js中是最常见的内存数据结构,数组数据结构在js中拥有很多的方法,很多初学者记 ...
- 用js来实现那些数据结构01(数组篇01-数组的增删)
在开始正式的内容之前,不得不说说js中的数据类型和数据结构,以及一些比较容易让人混淆的概念.那么为什么要从数组说起?数组在js中是最常见的内存数据结构,数组数据结构在js中拥有很多的方法,很多初学者记 ...
- LeetCode刷题总结-数组篇(上)
数组是算法中最常用的一种数据结构,也是面试中最常考的考点.在LeetCode题库中,标记为数组类型的习题到目前为止,已累计到了202题.然而,这202道习题并不是每道题只标记为数组一个考点,大部分习题 ...
- LeetCode刷题总结-数组篇(中)
本文接着上一篇文章<LeetCode刷题总结-数组篇(上)>,继续讲第二个常考问题:矩阵问题. 矩阵也可以称为二维数组.在LeetCode相关习题中,作者总结发现主要考点有:矩阵元素的遍历 ...
- LeetCode刷题总结-数组篇(下)
本期讲O(n)类型问题,共14题.3道简单题,9道中等题,2道困难题.数组篇共归纳总结了50题,本篇是数组篇的最后一篇.其他三个篇章可参考: LeetCode刷题总结-数组篇(上),子数组问题(共17 ...
- 【持续更新】leetcode算法-数组篇
会在近期陆续地完成数组篇的整理,希望对找工作的小伙伴有所帮助. 1.Two Sum:两数相加为一固定值,求其下标.一次遍历数组,用一个hash表存储已经访问过的数及其下标,对于新访问的数value ...
- Java之数组篇
动手动脑,第六次Tutorial--数组 这次的Tutorial讲解了Java中如何进行数组操作,包括数组声明创建使用和赋值运算,写这篇文章的目的就是通过实际运用已达到对数组使用的更加熟练,下面是实践 ...
随机推荐
- laravel后台注册登入
1.只需要在新安装的 Laravel 应用下运行 php artisan make:auth 和 php artisan migrate,这两个命令会生成用户登录注册所需要的所有东西 2.你会发现 h ...
- css-css的基本选择器(三种)
** 要对哪个标签里面的数据进行操作 (1)标签选择器 div { background-color:red; color:blue; } (2)class选择器 * 每个HTML标签中都有一个属性 ...
- 纯css面板插件,自适应,多样式
最近在做公司的系统后台,用的bootstrap,在设计布局的时候不喜欢他的面板,所以自己写了这个面板插件,分享给大家 先上预览图: 默认样式: 绿色: 黄色: 蓝: 红: 使用方法: 引用MoUi.c ...
- openlayers模仿google地图--地图版权随鹰眼关闭打开而改变位置
额..题目有点长......今天有个群友问我.想实现google地图地图版权随鹰眼关闭状态改变位置的功能.就是这种<ignore_js_op> 打开鹰眼时 地图版权也随着鹰眼位置改变而改 ...
- Sass初入门
什么是CSS预处理器? CSS预处理器定义了一种新的语言,其基本思想是,用一种专门的编程语言,为CSS增加了一些编程的特性,将CSS作为目标生成文件,然后开发者就只要使用这种语言进行编码工作. 什 ...
- 【转】Spark on Yarn遇到的几个问题
本文转自 http://www.cnblogs.com/Scott007/p/3889959.html 1 概述 Spark的on Yarn模式,其资源分配是交给Yarn的ResourceManage ...
- maven学习(六)依赖、聚合、继承
先说一下概念(个人理解的,有问题请留言): 依赖:我要盖一座房子,就需要很多的砖,这些专就是盖房子的一个依赖.我要跑一个maven项目,需要各种各样的功能,功能实现的jar包和插件就是我的依赖. 聚合 ...
- 第三篇:jvm之垃圾回收器
一.Serial收集器 新生代收集器,在垃圾回收时,必须暂停其他所有的工作线程.即Stop-The-World. 评价:老而无用,食之无味,弃之可惜. 二.ParNew收集器 新生代收集器,seria ...
- png的故事:隔行扫描算法
转载自AlloyTeam:http://www.alloyteam.com/2017/06/the-story-of-png-deinterlacing-algorithm/ 前言 前文已经讲解过如何 ...
- javascript tips and snippets
如何给javascript对象动态创建动态key // ES2015 var key = 'DYNAMIC_KEY', obj = { [key]: 'ES6!' }; console.log(obj ...