操作数组介绍
本文档将介绍在PagePlug中常用的数组方法，下面提供一些简单的案例介绍
1、使用Lodash
PagePlug默认装载了 Lodash。Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库。下面给出一些使用 Lodash 库的方法操作数组的示例，若您想要了解更多操作，请参阅 Lodash 文档。
 (1).png)
| 方法 | 介绍 | 示例 |
|---|---|---|
| _.head(array) | 返回数组的第一个元素 | (1)-8f58897229c93dd541eaafbb47f5cb1b.png) |
| _.last(array) | 返回数组最后一个元素 | (2)-81ba730729e4724f6ae4d3e4c1f344cc.png) |
| _.nth(array, n) | 获取第 n 个元素，n 可以为负数(例如取第三个) | (1)-fc1f3f208dd827831e0a706c95b25f53.png) |
| _.chunk(array, size) | 将数组拆分成多个长度为 size 的小数组，小数组构成新数组 | (1)-86cb8f5e4cd9e04cc80f0ef7c082a143.png) |
| _.uniq(array) | 去重数组 | (1)-1250433f522fc6144e7ec3967b8d228d.png) |
| _.initial(array) | 删除数组最后一个元素 | (2)-b18da9c698690912f0eaff87a7c391fd.png) |
| _.pull(array, [values]) | 移除数组 array中所有和[values] 相等的元素 | -5f2cc88ee5d9d80d99e5b8e3a91409ba.png) |
| _.tail(array) | 删除数组第一个元素 | (1)-2e715c2178d0c60d5341900ab716e06c.png) |
2、常用的数组操作方法
在PagePlug中可以编写JS表达式来操作数组
| 方法 | 介绍 | 示例 |
|---|---|---|
.length | 返回数组的长度 | -bf81e1af0ea8f1aade4755b785866ab2.png) |
.join | 将数组中的元素组合成字符串，分隔符可以自定义(通常为空格) | -05a1020fc31b38502ae780b4a8bb7617.png) |
.indexOf | 返回数组中指定值第一次出现的索引 | (1)-673cab060df1bab867de1269424b3357.png) |
.map | 返回一个新数组，其中包含对原始数组的每个元素运行指定函数的结果 | (1)-12ba725d05df5f4cd8c80f1cce3463e6.png) |
.filter | 返回一个新数组，其中包含原始数组中匹配指定条件的元素 | (1)-c7d7a2d5e265a8d1828a2042ad919d59.png) |
.includes | 如果数组包含传递给方法的值，则返回true或false | (1)-f2ac9c8e8f652c025145cae67ab65eb3.png) |
.reduce | 通过为数组的每个值（从左到右）运行函数，将数组缩减为单个数值 | (1)-2bad28e3bcd42be8e4cbb82a4f140949.png) |
.concat | 合并 2 个或多个数组 | (1)-a9e1bfc4f8cdfc97b57fc72bead9d10f.png) |