当前位置: 首页>編程日記>正文

使用js替换数组中元素

使用js替换数组中元素

  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.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


https://www.fengoutiyan.com/post/10670.html

相关文章:

  • js替换数组值
  • js数组删除第一个元素
  • 数组替换指定位置元素
  • js删除数组中指定元素并返回剩下的
  • js数组移除指定元素
  • js 数组排序
  • 数组替换
  • js数组替换指定位置元素
  • 鏡像模式如何設置在哪,圖片鏡像操作
  • 什么軟件可以把圖片鏡像翻轉,C#圖片處理 解決左右鏡像相反(旋轉圖片)
  • 手機照片鏡像翻轉,C#圖像鏡像
  • 視頻鏡像翻轉軟件,python圖片鏡像翻轉_python中鏡像實現方法
  • 什么軟件可以把圖片鏡像翻轉,利用PS實現圖片的鏡像處理
  • 照片鏡像翻轉app,java實現圖片鏡像翻轉
  • 什么軟件可以把圖片鏡像翻轉,python圖片鏡像翻轉_python圖像處理之鏡像實現方法
  • matlab下載,matlab如何鏡像處理圖片,matlab實現圖像鏡像
  • 圖片鏡像翻轉,MATLAB:鏡像圖片
  • 鏡像翻轉圖片的軟件,圖像處理:實現圖片鏡像(基于python)
  • canvas可畫,JavaScript - canvas - 鏡像圖片
  • 圖片鏡像翻轉,UGUI優化:使用鏡像圖片
  • Codeforces,CodeForces 1253C
  • MySQL下載安裝,Mysql ERROR: 1253 解決方法
  • 勝利大逃亡英雄逃亡方案,HDU - 1253 勝利大逃亡 BFS
  • 大一c語言期末考試試題及答案匯總,電大計算機C語言1253,1253《C語言程序設計》電大期末精彩試題及其問題詳解
  • lu求解線性方程組,P1253 [yLOI2018] 扶蘇的問題 (線段樹)
  • c語言程序設計基礎題庫,1253號C語言程序設計試題,2016年1月試卷號1253C語言程序設計A.pdf
  • 信奧賽一本通官網,【信奧賽一本通】1253:抓住那頭牛(詳細代碼)
  • c語言程序設計1253,1253c語言程序設計a(2010年1月)
  • 勝利大逃亡英雄逃亡方案,BFS——1253 勝利大逃亡
  • 直流電壓測量模塊,IM1253B交直流電能計量模塊(艾銳達光電)
  • c語言程序設計第三版課后答案,【渝粵題庫】國家開放大學2021春1253C語言程序設計答案
  • 18轉換為二進制,1253. 將數字轉換為16進制
  • light-emitting diode,LightOJ-1253 Misere Nim
  • masterroyale魔改版,1253 Dungeon Master
  • codeformer官網中文版,codeforces.1253 B
  • c語言程序設計考研真題及答案,2020C語言程序設計1253,1253計算機科學與技術專業C語言程序設計A科目2020年09月國家開 放大學(中央廣播電視大學)
  • c語言程序設計基礎題庫,1253本科2016c語言程序設計試題,1253電大《C語言程序設計A》試題和答案200901
  • 肇事逃逸車輛無法聯系到車主怎么辦,1253尋找肇事司機