如何用JavaScript实现抓取他人网站数据的入门技巧？

本文共计311个文字，预计阅读时间需要2分钟。

// 访问该网站并打开控制台https://en.wikipedia.org/wiki/Category:Boulevards_in_Paris审查元素后我们发现他的selector对应

//访问这个网站 并打开控制台 en.wikipedia.org/wiki/Category:Boulevards_in_Paris 审查元素后我们发现

他的selector对应

'#mw-pages > div'

所以第一行代码有了

const category = document.querySelector('#mw-pages > div');

根据分析得来

我们要拿a标签的数据

第二行代码有了

const allALink = category.querySelectorAll('a');

我们可以对原数组进行一个copy 然后再对新的数组进行操作 （这一步就显得你会的很多 但是其实不这么做也没有事情） 第三行代码

const links = Array.from(allALink);

我们想抓取关于带de的数据

第五行代码来了

const de = links.map(link => link.textContent).filter(streetName => streetName.includes('de'));

刘师傅？你要不要看下你抓了什么数据

console.table(de)

总结下来代码

console.log("提取别人网站的数据")const category = document.querySelector('#mw-pages > div');const allALink = category.querySelectorAll('a');// console.log(allALink)const links = Array.from(allALink);// console.log(links)const de = links.map(link => link.textContent).filter(streetName => streetName.includes('de'));console.table(de)

效果

欸嘿嘿 非常的完整