如何反向遍历Cheerio对象？1000+元素列表高效遍历方法问询

嘿，针对你这个有1000+元素的长列表反向遍历需求，我来分享几个高效的实现思路，毕竟元素量不小，得尽量兼顾性能～

方法一：转原生数组后反向for循环（性能最优） #

Cheerio对象可以通过.get()方法转换成原生DOM元素数组，直接操作原生数组的性能远高于依赖Cheerio的封装方法，尤其适合大数据量场景。推荐用原生的反向for循环，这是最快的方式：

// 先获取所有li元素的原生数组
const liElements = $('li').get();
const fruits = [];

// 从最后一个元素开始往前遍历
for (let i = liElements.length - 1; i >= 0; i--) {
  fruits.push($(liElements[i]).text());
}

如果更喜欢forEach的写法，也可以先反转数组再遍历，但性能略逊于直接反向for循环：

const liElements = $('li').get().reverse();
const fruits = [];

liElements.forEach(elem => {
  fruits.push($(elem).text());
});

方法二：利用Cheerio集合的索引反向计算 #

如果不想转原生数组，也可以在Cheerio的each方法里通过总长度减去当前索引来反向获取元素，但这种方式因为要频繁从Cheerio集合中取元素，性能不如第一种方法：

const $lis = $('li');
const fruits = [];

$lis.each(function(i) {
  // 计算对应的反向元素索引
  const reverseIndex = $lis.length - 1 - i;
  const elem = $lis[reverseIndex];
  fruits.push($(elem).text());
});

对比你原来的正向遍历代码 #

你原来的正向遍历写法是：

$('li').each(function(i, elem) { fruits[i] = $(this).text(); });

换成第一种方法后，在1000+元素的场景下，性能会有明显提升，因为减少了Cheerio封装层的额外开销，直接操作原生DOM元素数组。

内容的提问来源于stack exchange，提问作者user2001702