使用js替换数组中元素
使用js替换数组中元素
-
js替换数组元素
-
记得我最近刚刚做的一个项目,后端返回的一个数组对象,里面的图片的地址有问题,一个在这个ip上一个在另一个ip 上,我问他咋办,他说,你要自己把那个返回的数据重新修改一下就是下面这种,只替换a 中的http后面的ip 地址为当前ip地址其他保留,我去。这个要求可真烦,没办法,好吧我就来实现吧
let conter = [{a: "http:192.168.2.158/img/12",b: 'kkk1',c: 'test1'},{a: "http:195.168.2.158/img/34",b: 'kkk2',c: 'test'},{a: "http:192.168.2.158/img/56",b: 'kkk3',c: 'test'}]
-
思路是这样的,先定义一个空数组,然后循环当前数组,然后得到当前的ip 地址,
然后再push 进入一个空数组,然后返回 -
好了先补充一个知识点,就是如何获取得到当前ip地址,首先:
var data=new URL(“a”) 要new 一个对象,然后下面这个是实际操作代码,我们能用生js 实现,react,或者vue 你们肯定也就知道咋操作了,不懂可以留言问我
<!DOCTYPE html>
<html><body><script>let conter = [{a: "http:192.168.2.158/img/12",b: 'kkk1',c: 'test1'},{a: "http:195.168.2.158/img/34",b: 'kkk2',c: 'test'},{a: "http:192.168.2.158/img/56",b: 'kkk3',c: 'test'}]var newcenter=[]window.location.host; //域名window.location.hostname; window.location.href; window.location.pathname; window.location.protocol; window.location.port //端口//替换数组中的某个键,然后替换相应的当前域名var contera = conter.forEach((r) => {var cen=new URL(r.a)console.log(cen)//然后你去控制台看看你console出来的是什么 ,就是下面的 这张图片var imgadd=cen.pathnamer.a=window.location.host+imgaddnewcenter.push(r);return r; })console.log(newcenter)</script></body></html>
看到了吧,第一个new 对象之后打印的console.log(cen) 的信息,然后要实现一开始标题我们说的效果,上面的代码也有了,然后打印的结果我也打印出在下面的,有疑问可以留言哟,谢谢,目前正在GitHub 上整理一系列的基础资料,该资料已上传GitHub,以后会持续更新基础到GitHub,希望给个star谢谢
https://github.com/424363283/basis