使用js替换数组中元素

js算法 同时被 2 个专栏收录
10 篇文章 0 订阅
31 篇文章 0 订阅
  1. js替换数组元素

  2. 记得我最近刚刚做的一个项目,后端返回的一个数组对象,里面的图片的地址有问题,一个在这个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'
				}
			]
  1. 思路是这样的,先定义一个空数组,然后循环当前数组,然后得到当前的ip 地址,
    然后再push 进入一个空数组,然后返回

  2. 好了先补充一个知识点,就是如何获取得到当前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

  • 1
    点赞
  • 4
    评论
  • 0
    收藏
  • 一键三连
    一键三连
  • 扫一扫,分享海报

©️2021 CSDN 皮肤主题: 技术黑板 设计师:CSDN官方博客 返回首页
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、C币套餐、付费专栏及课程。

余额充值