使用js替换数组中元素

时间:2022-06-19
本文章向大家介绍使用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.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谢谢

https://github.com/424363283/basis