使用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谢谢
- VUE 入门基础(3)
- ASP.NET MVC 2 转换工具
- 使用Sysinternals工具定时休眠Windows Server 2008 R2
- Android中BroadcastReceiver广播
- 启用Windows 7/2008 R2 XPS Viewer
- Spring历史版本变迁和如今的生态帝国
- Android中Services之异步IntentService
- 使用GitHub搭建个人博客
- 这个用来玩儿游戏的算法,是谷歌收购DeepMind的最大原因
- asp.net安全检测工具 --Padding Oracle 检测
- Android中Services简析
- VUE 入门基础(2)
- VUE 入门基础(1)
- AndroidManifest.xml配置文件 android.theme大全权限设置Android Permission中英对照
- JavaScript 教程
- JavaScript 编辑工具
- JavaScript 与HTML
- JavaScript 与Java
- JavaScript 数据结构
- JavaScript 基本数据类型
- JavaScript 特殊数据类型
- JavaScript 运算符
- JavaScript typeof 运算符
- JavaScript 表达式
- JavaScript 类型转换
- JavaScript 基本语法
- JavaScript 注释
- Javascript 基本处理流程
- Javascript 选择结构
- Javascript if 语句
- Javascript if 语句的嵌套
- Javascript switch 语句
- Javascript 循环结构
- Javascript 循环结构实例
- Javascript 跳转语句
- Javascript 控制语句总结
- Javascript 函数介绍
- Javascript 函数的定义
- Javascript 函数调用
- Javascript 几种特殊的函数
- JavaScript 内置函数简介
- Javascript eval() 函数
- Javascript isFinite() 函数
- Javascript isNaN() 函数
- parseInt() 与 parseFloat()
- escape() 与 unescape()
- Javascript 字符串介绍
- Javascript length属性
- javascript 字符串函数
- Javascript 日期对象简介
- Javascript 日期对象用途
- Date 对象属性和方法
- Javascript 数组是什么
- Javascript 创建数组
- Javascript 数组赋值与取值
- Javascript 数组属性和方法
- 基于可变自动编码器(VAE)的生成建模,理解可变自动编码器背后的原理
- Centos7上网及添加静态IP方法介绍
- 解决yum安装报错Protected multilib versions的问题
- Linux与Windows编码不一致的解决方案
- Linux运维之如何使用ss命令代替netstat
- 对Linux终端使用socks5代理的方法详解
- linux安装xmind的方法步骤
- 对linux下软件(库)的更新命令详解
- Linux环境下Apache服务器配置二级域名的方法详解
- Linux环境下Apache开启https服务的方法详解
- 使用GANs生成时间序列数据:DoppelGANger论文详解
- CentOS 7使用samba共享文件夹的完整步骤
- Linux环境使用crontab命令设置定时周期性执行任务【含php执行代码】
- linux系统报xfs_vm_releasepage警告问题的处理方法
- linux系统报tcp_mark_head_lost错误的处理方法