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.pathname
r.a=window.location.host+imgadd
newcenter.push(r);
return r;
})
console.log(newcenter)
</script>
</body>
</html>
看到了吧,第一个new 对象之后打印的console.log(cen) 的信息,然后要实现一开始标题我们说的效果,上面的代码也有了,然后打印的结果我也打印出在下面的,有疑问可以留言哟,谢谢,目前正在GitHub 上整理一系列的基础资料,该资料已上传GitHub,以后会持续更新基础到GitHub,希望给个star谢谢