当前位置：首页 > news >正文

东营做网站优化公司海外推广方案

news 2025/7/5 18:03:56

东营做网站优化公司,海外推广方案,关键词排名优化公司,王烨华1. Lodash介绍 Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。其对各种方法、函数的封装，使得使用更加方便。 2. 为什么选择Lodash Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。 Lodash 的模…

1. Lodash介绍

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。其对各种方法、函数的封装，使得使用更加方便。

2. 为什么选择Lodash

Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。 Lodash 的模块化方法非常适用于：

遍历 array、object 和 string
对值进行操作和检测
创建符合功能的函数

3. 安装Lodash

1）浏览器环境

通过npm安装

$ npm i -g npm

$ npm i --save lodash

Node.js

// Load the full build. 加载完整版本

var _ = require('lodash');

// Load the core build. 加载核心构建。

var _ = require('lodash/core');

// Load the FP build for immutable auto-curried iteratee-first data-last methods. 为不可变的自动循环iteratee first data last方法加载FP构建。

var fp = require('lodash/fp');

// Load method categories. 加载方法类别。

var array = require('lodash/array');

var object = require('lodash/fp/object');

// Cherry-pick methods for smaller browserify/rollup/webpack bundles. 对于较小的browserify/rollup/webpack bundle，采用Cherry pick方法。

var at = require('lodash/at');

var curryN = require('lodash/fp/curryN');

Lodash 针对数组、对象、字符串、函数、对象、数字等封装了很多方法，下面对于介绍一些常用的方法。

4. 数组

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

将数组（array）拆分成多个 size 长度的区块，并将这些区块组成一个新数组。如果array 无法被分割成全部等长的区块，那么最后剩余的元素将组成一个区块。

参数

1）array (Array): 需要处理的数组

2）size=1] (number): 每个数组区块的长度

(Array): 返回一个包含拆分区块的新数组（注：相当于一个二维数组）。

实例

_.chunk(['a', 'b', 'c', 'd'], 2);

// => [['a', 'b'], ['c', 'd']]

_.chunk(['a', 'b', 'c', 'd'], 3);

// => [['a', 'b', 'c'], ['d']]

4.2 _.compact(array)

创建一个新数组，包含原数组中所有的非假值元素。例如false, null,0, "", undefined, 和 NaN 都是被认为是“假值”。

参数

1）array (Array): 需要处理的数组

返回值

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

实例

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

// => [1, 2, 3]

4.3 _.concat(array, [values])

创建一个新数组，将array与任何数组或值连接在一起。

参数

1）array (Array): 被连接的数组。

2）[values] (...*): 连接的值。

返回值

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

实例

var array = [1];

var other = _.concat(array, 2, [3], [[4]]);

console.log(other);

// => [1, 2, 3, [4]]

console.log(array);

// => [1]

4.4 _.difference(array, [values])

创建一个具有唯一array值的数组，每个值不包含在其他给定的数组中。（注：即创建一个新数组，这个数组中的值，为第一个数字（array 参数）排除了给定数组中的值。）该方法使用SameValueZero做相等比较。结果值的顺序是由第一个数组中的顺序确定。

注意: 不像_.pullAll，这个方法会返回一个新数组。

参数

array (Array): 要检查的数组。
[values] (...Array): 排除的值。

返回值

(Array): 返回一个过滤值后的新数组。

实例

_.difference([3, 2, 1], [4, 2]);

// => [3, 1]

4.5 _.differenceBy(array, [values], [iteratee=_.identity])

这个方法类似_.difference ，除了它接受一个 iteratee （注：迭代器），调用array 和 values 中的每个元素以产生比较的标准。结果值是从第一数组中选择。iteratee 会调用一个参数：(value)。（注：首先使用迭代器分别迭代array 和 values中的每个元素，返回的值作为比较值）。

Note: 不像_.pullAllBy，这个方法会返回一个新数组。

参数

array (Array): 要检查的数组。
[values] (...Array): 排除的值。
[iteratee=_.identity] (Array|Function|Object|string): iteratee 调用每个元素。

返回值

(Array): 返回一个过滤值后的新数组。

例子

_.difference([3, 2, 1], [4, 2]);

// => [3, 1]

_.differenceBy([3.1, 2.2, 1.3], [4.4, 2.5], Math.floor);

// => [3.1, 1.3]

// The `_.property` iteratee shorthand.

_.differenceBy([{ 'x': 2 }, { 'x': 1 }], [{ 'x': 1 }], 'x');

// => [{ 'x': 2 }]

4.6 _.differenceWith(array, [values], [comparator])

这个方法类似_.difference ，除了它接受一个 comparator （注：比较器），它调用比较array，values中的元素。结果值是从第一数组中选择。comparator 调用参数有两个：(arrVal, othVal)。

Note: 不像_.pullAllWith, 这个方法会返回一个新数组。

参数

array (Array): 要检查的数组。
[values] (...Array): 排除的值。
[comparator] (Function): comparator 调用每个元素。

返回值

(Array): 返回一个过滤值后的新数组。

例子

var objects = [{ 'x': 1, 'y': 2 }, { 'x': 2, 'y': 1 }];

_.differenceWith(objects, [{ 'x': 1, 'y': 2 }], _.isEqual);

// => [{ 'x': 2, 'y': 1 }]

4.7 _.drop(array, [n=1])

创建一个切片数组，去除array前面的n个元素。（n默认值为1。）

参数

array (Array): 要查询的数组。
[n=1] (number): 要去除的元素个数。

返回值

(Array): 返回array剩余切片。

例子

_.drop([1, 2, 3]);

// => [2, 3]

_.drop([1, 2, 3], 2);

// => [3]

_.drop([1, 2, 3], 5);

// => []

_.drop([1, 2, 3], 0);

// => [1, 2, 3]

4.8 _.dropRight(array, [n=1])

创建一个切片数组，去除array尾部的n个元素。（n默认值为1。）

参数

array (Array): 要查询的数组。
[n=1] (number): 要去除的元素个数。

返回值

(Array): 返回array剩余切片。

例子

_.dropRight([1, 2, 3]);

// => [1, 2]

_.dropRight([1, 2, 3], 2);

// => [1]

_.dropRight([1, 2, 3], 5);

// => []

_.dropRight([1, 2, 3], 0);

// => [1, 2, 3]

4.9 _.dropRightWhile(array, [predicate=_.identity])

创建一个切片数组，去除array中从 predicate 返回假值开始到尾部的部分。predicate 会传入3个参数： (value, index, array)。

参数

array (Array): 要查询的数组。
[predicate=_.identity] (Function): 这个函数会在每一次迭代调用。

返回值

(Array): 返回array剩余切片。

例子

var users = [

{ 'user': 'barney', 'active': true },

{ 'user': 'fred', 'active': false },

{ 'user': 'pebbles', 'active': false }

];

_.dropRightWhile(users, function(o) { return !o.active; });

// => objects for ['barney']

// The `_.matches` iteratee shorthand.

_.dropRightWhile(users, { 'user': 'pebbles', 'active': false });

// => objects for ['barney', 'fred']

// The `_.matchesProperty` iteratee shorthand.

_.dropRightWhile(users, ['active', false]);

// => objects for ['barney']

// The `_.property` iteratee shorthand.

_.dropRightWhile(users, 'active');

// => objects for ['barney', 'fred', 'pebbles']

4.10 _.dropWhile(array, [predicate=_.identity])

创建一个切片数组，去除array中从起点开始到 predicate 返回假值结束部分。predicate 会传入3个参数： (value, index, array)。

参数

array (Array): 要查询的数组。
[predicate=_.identity] (Function): 这个函数会在每一次迭代调用。

返回值

(Array): 返回array剩余切片。

例子

var users = [

{ 'user': 'barney', 'active': false },

{ 'user': 'fred', 'active': false },

{ 'user': 'pebbles', 'active': true }

];

_.dropWhile(users, function(o) { return !o.active; });

// => objects for ['pebbles']

// The `_.matches` iteratee shorthand.

_.dropWhile(users, { 'user': 'barney', 'active': false });

// => objects for ['fred', 'pebbles']

// The `_.matchesProperty` iteratee shorthand.

_.dropWhile(users, ['active', false]);

// => objects for ['pebbles']

// The `_.property` iteratee shorthand.

_.dropWhile(users, 'active');

// => objects for ['barney', 'fred', 'pebbles']

_.fill， _.findIndex，_.findLastIndex，_.first -> head，_.flatten，_.flattenDeep，_.flattenDepth，_.fromPairs，_.head，_.indexOf，_.initial，_.intersection，_.intersectionBy，_.intersectionWith

_.join，_.last，_.lastIndexOf，_.nth，_.pull，_.pullAll，_.pullAllBy，_.pullAllWith，_.pullAt，_.remove

_.reverse，_.slice，_.sortedIndex，_.sortedIndexBy，_.sortedIndexOf，_.sortedLastIndex，_.sortedLastIndexBy，_.sortedLastIndexOf，_.sortedUniq，_.sortedUniqBy，_.tail，_.take，_.takeRight

_.takeRightWhile，_.takeWhile，_.union，_.unionBy，_.unionWith，_.uniq，_.uniqBy，_.uniqWith

_.unzip，_.unzipWith，_.without，_.xor，_.xorBy，_.xorWith，_.zip，_.zipObject，_.zipObjectDeep

_.zipWith

以上封装的数组不在详细介绍，大家可以参考网站： lodash.fill | Lodash 中文文档 | Lodash 中文网

5. 对象

5.1_.assign(object, [sources])

分配来源对象的可枚举属性到目标对象上。来源对象的应用规则是从左到右，随后的下一个对象的属性会覆盖上一个对象的属性。

注意: 这方法会改变 object，参考自Object.assign.

参数

object (Object): 目标对象。

2) [sources] (...Object): 来源对象。

(Object): 返回 object.

例子

function Foo() {

this.a = 1;

}

function Bar() {

this.c = 3;

}

Foo.prototype.b = 2;

Bar.prototype.d = 4;

_.assign({ 'a': 0 }, new Foo, new Bar);

// => { 'a': 1, 'c': 3 }

5.2 _.assignIn(object, [sources])

这个方法类似_.assign，除了它会遍历并继承来源对象的属性。

Note: 这方法会改变 object。

参数

object (Object): 目标对象。
[sources] (...Object): 来源对象。

(Object): 返回 object。

例子

function Foo() {

this.a = 1;

}

function Bar() {

this.c = 3;

}

Foo.prototype.b = 2;

Bar.prototype.d = 4;

_.assignIn({ 'a': 0 }, new Foo, new Bar);

// => { 'a': 1, 'b': 2, 'c': 3, 'd': 4 }

5.3 _.assignInWith(object, sources, [customizer])

这个方法类似_.assignIn，除了它接受一个 customizer ，被调用以产生所分配的值。如果 customizer 返回 undefined 将会由分配处理方法代替。 customizer 会传入5个参数： (objValue, srcValue, key, object, source)。

Note: 这方法会改变 object。

参数

1）object (Object): 目标对象。

2）sources (...Object): 来源对象。

3）[customizer] (Function): 这个函数用来自定义分配的值。

返回值

(Object): 返回 object。

例子

function customizer(objValue, srcValue) {

return _.isUndefined(objValue) ? srcValue : objValue;

}

var defaults = _.partialRight(_.assignInWith, customizer);

defaults({ 'a': 1 }, { 'b': 2 }, { 'a': 3 });

// => { 'a': 1, 'b': 2 }

5.4 _.create(prototype, [properties])

创建一个继承 prototype 的对象。如果提供了 prototype，它的可枚举属性会被分配到创建的对象上。

参数

1）prototype (Object): 要继承的对象。

2）[properties] (Object): 待分配的属性。

(Object): 返回新对象。

实例

function Shape() {

this.x = 0;

this.y = 0;

}

function Circle() {

Shape.call(this);

}

Circle.prototype = _.create(Shape.prototype, {

'constructor': Circle

});

var circle = new Circle;

circle instanceof Circle;

// => true

circle instanceof Shape;

// => true

其他方法不在详细介绍请参考官网：https://www.lodashjs.com/docs/lodash.create

6. 语言

6.1 _.clone(value)

创建一个 value 的浅拷贝。

注意: 这个方法参考自structured clone algorithm 以及支持 arrays、array buffers、 booleans、 date objects、maps、 numbers， Object 对象, regexes, sets, strings, symbols, 以及 typed arrays。 arguments对象的可枚举属性会拷贝为普通对象。一些不可拷贝的对象，例如error objects、functions, DOM nodes, 以及 WeakMaps 会返回空对象。

参数

value (*): 要拷贝的值

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

例子

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