LodashJS

LodashJS

工具库，处理数组、对象的一些方法

官网: https://lodash.com/

中文官网: http://lodashjs.com/docs/#_chunkarray-size1

示例

let box = document.querySelector("#box");

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

// 将数组每两个下标值，转成一个二维数组 
// arr = _.chunk(arr, 2);      // [[1,2], [3,4], [5,6]]

// 删除数组中的false, null, 0, '', undefined, Nan
// arr = [1, 0, 3, '', false, 'ss']
// arr = _.compact(arr);      //   [1,3,'ss'] 

// 合并数组
// arr = [1];
// arr = _.concat(arr, 2, [3], [[4]]);    // [1, 2, 3, [4]]

// 去除数组中指定的数值
// arr = _.difference(arr, [2,3,4]);   // [1,5,6]

// 截取数组从第个开始直到最后的值
// arr = _.drop(arr, 2);      // [3,4,5,6]

// 指定删除的下标个数，从右开始
// arr = _.dropRight(arr, 2);    // [1,2,3]

// 填充数组元素，全部或指定区域
// arr = _.fill(arr, 'a');       // ['a', 'a', 'a', 'a', 'a', 'a'];
// arr = _.fill(arr, '*', 1, 4);    // [1, "*", "*", "*", 5, 6]

// 查找指定的值返回下标
// arr = [
//   {user: 'siguang', age: 30},
//   {user: 'lulu', age: 20},
//   {user: 'haha', age: 10}
// ]
// arr = _.findIndex(arr, function(o){ return o.user == 'lulu' });   // 1
// arr = _.findIndex(arr, ['age', 10])     // 2 如果不存在返回-1

// findLastIndex() 与findIndex()相同只是从后向前
// lastIndex()

// 将一个二维数组转成对象
// arr = [['a', 1], ['b', 2]];
// arr = _.fromPairs(arr);     // {a: 1, b: 2}

// 返回数组第一个、最后一个元素
// arr = _.head(arr);    // 1
// arr = _.last(arr);    // 6

// 根据下标返回值
// arr = _.indexOf(arr, 2);   // 1

// 删除最后一个数组值
// arr = _.initial(arr);     // [1, 2, 3, 4, 5]

// 将数组元素用分割符分开，返回一个字符串
// arr = _.join(arr, '~');      // "1~2~3~4~5~6"

// 根据下标的返回数组中的值，如果是负数从后开始
// arr = _.nth(arr, 2);      // 3
// arr = _.nth(arr, -2);        // 5

// 删除数组中指定的值
// arr = _.pull(arr, 3, 4, 5);   // [1, 2, 6]
// arr = _.pullAll(arr, [3,4,5]);   // [1, 2, 6]

// 返回指定下标的数组值
// arr = _.pullAt(arr, [1,3,5]);   // [2, 4, 6]

// 删除数组元素
arr = _.remove(arr, function(n){ return n % 2 == 0 });    // [2, 4, 6]


console.log(arr);    
box.innerHTML = 'sss'