小编点评

**处理大数据滚动滚动方法：** 1. **使用正则表达式匹配字符串：**使用正则表达式匹配 API 返回的字符串，并提取关键字符串。 2. **使用 DOM 操作进行页面滚动：**通过 DOM 操作滚动页面到关键字符串所在的区域。 3. **处理滚动过程中页面内容变化：**使用 DOM 操作监控页面内容变化，以便在滚动过程中处理动态内容。 4. **优化滚动性能：**通过使用高效的滚动方法，例如 GPU 滚动，以减少页面刷新频率。 5. **缓存匹配结果：**缓存匹配结果，以便在后续滚动过程中更快地获取链接。 6. **处理滚动结束后：**在滚动结束后，打印所有匹配结果。 **代码示例：** ```javascript const regex = /\"video\":\\s*\"([^\"]+)\"/g; // 获取 API 返回的字符串 const html = document.body.innerHTML; // 执行正则表达式匹配 const matches = regex.exec(html); // 滚动页面到关键字符串所在区域 const element = matches[0]; element.scrollIntoView(); // 打印匹配结果 console.log(matches.length, '匹配结果数量：', matches.length); ``` **注意事项：** * 确保 API 返回的字符串符合正则表达式的格式。 * 使用高效的 DOM 操作，例如 `querySelectorAll` 或 `querySelector`，以减少 DOM 操作数量。 * 优化滚动性能，以确保用户体验良好。 * 考虑使用滚动事件处理程序，以处理滚动过程中出现的动态内容。

正文

最近在查看一个API的数据，效果很好，但是里面只有一部分我想要的内容

 

如果是简单一点的可以直接获取

如下比如我想要提取返回的代码中关键的字符串："video": "这里的内容"

// 定义一个正则表达式来匹配 '"video": "链接"' 格式的字符串
var regex = /"video":\s*"([^"]+)"/gi;

// 用于存储所有找到的链接
var links = [];

// 执行正则表达式搜索
var match;
while ((match = regex.exec(document.body.textContent)) !== null) {
  // match[1] 包含链接
  links.push(match[1]);
}

// 打印所有找到的链接，每个链接一行
links.forEach(function(link, index) {
  console.log('video' + (index + 1) + ': ' + link);
});

但是如果返回的结果有10万行代码左右阁下该如何应对？

我突发奇想，让浏览器自己滚动，一边滚动一边扫描就像PLC一样，一边扫描一边执行程序

// 定义一个正则表达式来匹配 '"video": "链接"' 格式的字符串
var regex = /"video":\s*"([^"]+)"/g;
var matches = [];
var interval;
var step = 100; // 每次滚动的像素数
var position = 0; // 当前滚动位置

// 滚动函数
function scrollToBottom() {
  position += step;
  window.scrollTo(0, position);
  
  // 检查是否到达页面底部
  if (position >= document.body.scrollHeight) {
    clearInterval(interval);
    printMatches();
  } else {
    // 继续寻找匹配项
    findMatches();
  }
}

// 查找匹配项的函数
function findMatches() {
  var text = document.body.innerText;
  var match;
  while ((match = regex.exec(text)) !== null) {
    matches.push(match[1]); // 只添加链接部分
  }
}

// 打印匹配结果的函数
function printMatches() {
  console.log('找到的链接数量:', matches.length);
  matches.forEach(function(link, index) {
    console.log('video' + (index + 1) + ': ' + link);
  });
}

// 开始滚动和查找匹配项
interval = setInterval(scrollToBottom, 50); // 每50毫秒滚动一次

讲解：首先定义了一个滚动函数 scrollToBottom，它会逐步向下滚动页面，并在每次滚动后调用 findMatches 函数来查找匹配的链接。当滚动到页面底部时，通过 clearInterval 停止滚动，并调用 printMatches 函数来打印所有找到的链接。