Javascript教学 - 写源的小技巧 - split 和 拼链接 （小猫咪小教学）

写源的小技巧 - split 和 拼链接 （小猫咪小教学）

相信写源的各位一定会碰到全章节和书籍简介页面是分开的. 就举个例子这个站点
https://www.ibabyjoy.com/

搜索后点进去看书籍介绍，但一拉下去就看到“查看全部章节”。这代表全章节会是另外一个URL. 别慌，我们先取两个URL（书籍的和全章节）来做比较看看

书籍简介URL
https://www.ibabyjoy.com/5765/

章节URL
https://www.ibabyjoy.com/indexlist/5765/1/

看到差别了没？
没错，章节URL多了在Host后面加了indexlist，然后在书籍号那里多了/1/

遇到这种状况，我们就得需要用JavaScript (简称Js) 来拼链接

思维 - 先把书籍ID （5765）取出来再拼链接
********
第一步
--------
先写Css或xpath 写出url,测一下来确认到时候我们到底是用哪一个result 来做处理
在这个案例，log出来是/5765/
所以我们Js是要处理这个的

第二步
--------
我们要用Js来取5765，可以用match 或split 来取出来.由于我比较擅长用split， 就在这里教你们用split

let id = result.split('/')[1]

result 就是刚才那个url 的地址，现在我们要拿URL的地址做分割， ('/') 的意思就是拿/来做分割线. Js的算法是从零开始算起

        /5765/
   0       1      2
在这里看明白了吧？ [1] 就是分割后要拿1号的数据，也就是5765

let id 就是代表着5765

第三步 拼链接
---------------
刚才已经取出了5765，现在我们要拼一个链接. 在此，我们需要用`和${代码}来写新链接

result=`https://www.ibabyjoy.com/indexlist/${id}/1/`
由于阅读的App的关系加上如果你是新手，建议直接写result然后写出新的链接.看到我的写法吗？就直接把你要的URL套进去，把那个号码改成${id}. id 就是刚才我们split出来的代码,这种${id}的写法一定要用`这种引号要不然Js会报错.

有什么问题可以发出来讨论讨论

下一次会有slice的教学

在此特别感谢我的前辈Flgz佬，亲自跟我一个一个解说split和slice,也是因为他的指导我才会入这个大坑

支持

我比较喜欢用正则表达式

gyz321 发表于 2025-2-9 11:51
我比较喜欢用正则表达式

各有各好，最终目的就是取那个数字嘛，像我这样有时候正则取不到我就改用Split

看了下一节，这里是不是要这样理解

[img][/img]

S_Lin 发表于 2025-2-11 16:07
[img][/img]

这个你必须要看java.log，如果log是完整的URL，那就是[3],如果是我那种的就是[1]

感谢分享

先收藏一下，之后再学