npm是Node.js的包管理器，它可以让开发者方便的安装和管理第三方包。lodash.pullat是lodash中一个方便的函数，本文将介绍它的使用教程和一些示例。
lodash.pullat的作用
lodash.pullat 的作用是从一个数组中移除指定下标的元素，并返回移除的元素。 这对于需要删除指定元素的前端开发者非常有帮助。
lodash.pullat采用了REST参数，允许将多个下标作为参数传递。
_.pullAt(array, [indexes])
参数解释：
array（Array）: 要修改的数组。[indexes]（...(number|number[])）: 型如下标的值数组。要移除的元素下标， 每一个都应该是一个整数，可以传入多个数值，也可以传入一个数值数组。
返回值：移除的元素数组。
lodash.pullat使用示范
以下是一个例子，它从数组中移除第2个和第3个元素：
const _ = require('lodash');
const array = ['a', 'b', 'c', 'd'];
const removed = _.pullAt(array, [1, 2]);
console.log(array); // => ['a', 'd']
console.log(removed); // => ['b', 'c']将lodash引入到文件。
创建一个数组。
使用
_.pullAt()函数从里面移除第2个和第3个元素。打印修改后的数组和移除的元素数组。
lodash.pullat实例
本实例将使用React和lodash.pullat函数，建立一个音乐列表移除元素的应用。
我们将先建立一个简单的音乐播放器列表组件：
-- -------------------- ---- -------
------ ------ - --------- - ---- --------
------ - ---- ---------
----- --------- ------- --------- -
----- - -
------ -
- ----- ---- --
- ----- ---- --
- ----- ------ --
- ----- ------ --
- ----- --------- --
- ----- ----------- -
-
--
---------------- - ----- -- -
----- - ----- - - -----------
--------------- -------
--------------- ----- ---
--
-------- -
----- - ----- - - -----------
------ -
----
----------------- ------ -- -
--- ------------
-----------
------- ----------- -- -----------------------------------------
-----
---
-----
--
-
-
------ ------- ----------这里实现了两个函数：
handleDeleteSong删除指定元素。render函数映射数组并生成组件。
当我们点击“删除”按钮时，handleDeleteSong将用选中项目的数组索引调用_.pullAt()函数。
然后，我们调用setState()来更新组件并重新渲染页面。在这种情况下，lodash.pullat是非常有用的，因为它可以轻松地从数组中移除任意数量的元素，并返回移除的元素。
来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/58686