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

东营做网站优化公司域名污染查询网站

news 2025/7/15 1:40:50
东营做网站优化公司,域名污染查询网站,网站购买域名之后再怎么做,大企业宣传片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 的模块化方法 非常适用于：

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

3. 安装Lodash

1）浏览器环境

<script src="lodash.js"></script>

  1. 通过npm安装

$ npm i -g npm

$ npm i --save lodash

  1. 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，这个方法会返回一个新数组。

参数

  1. array (Array): 要检查的数组。
  2. [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，这个方法会返回一个新数组。

参数

  1. array (Array): 要检查的数组。
  2. [values] (...Array): 排除的值。
  3. [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, 这个方法会返回一个新数组。

参数

  1. array (Array): 要检查的数组。
  2. [values] (...Array): 排除的值。
  3. [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。）

参数

  1. array (Array): 要查询的数组。
  2. [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。）

参数

  1. array (Array): 要查询的数组。
  2. [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)。

参数

  1. array (Array): 要查询的数组。
  2. [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)。

参数

  1. array (Array): 要查询的数组。
  2. [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.

参数

  1. 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。

参数

  1. 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;

 _.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 }];

 

var shallow = _.clone(objects);

console.log(shallow[0] === objects[0]);

// => true

6.2 _.cloneDeep(value)

这个方法类似_.clone，除了它会递归拷贝 value。（注：也叫深拷贝）。

参数

value (*): 要深拷贝的值。

返回

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

例子

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

 

var deep = _.cloneDeep(objects);

console.log(deep[0] === objects[0]);

// => false

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

http://www.dt0577.cn/news/33264.html

相关文章：

  • 批量做网站设计公司网站模板
  • 怎么做网站备份什么是seo和sem
  • 网站导航cms怎样创建网站平台
  • 江苏德丰建设集团网站常用搜索引擎有哪些
  • 做的网站 显示乱码百度云官网登录入口
  • 做网站销售的技巧无锡seo公司找哪家好
  • 网站管理员怎么登陆阜平网站seo
  • 网站 psd怎么做网站广告
  • 服装服饰设计网站百度推广系统营销平台
  • 凌晨三点日本无吗seo定义
  • 网站区域名怎么注册吗营销课程
  • 企业网站建设 法规怎么让百度搜索靠前
  • 画册设计报价明细表江西seo推广软件
  • 门户网站营销策略东莞发布最新通告
  • 安康市城乡建设规划局网站怎么做网页设计的页面
  • 公安部网站备案网址长沙关键词排名软件
  • 专业做中文网站微信怎么推广引流客户
  • 做网站支付系统难度发布软文平台
  • 灯塔网站建设重庆百度整站优化
  • 现在个人做网站还能盈利杭州网站优化平台
  • 怎么将自己的视频推广出去兰州网站seo
  • 注册一个做网站的公司好学软件开发学费多少钱
  • 目前玩的人最多网游排行榜seo网站排名查询
  • 自己做网站挂广告怎么赚钱吗公司网站建设平台
  • 中英双语外贸网站源码外包网
  • 小语种外贸建站怎么搜索网站
  • 做彩票生意要登陆哪个网站百度自动点击器
  • 优秀的版式设计网站搜索引擎seo
  • 网站建设平台怎么做什么是竞价
  • 东莞公司网站建设营销型网站建设百度app在哪里找