使用js替换数组中元素

最新推荐文章于 2024-06-11 14:02:19 发布
最新推荐文章于 2024-06-11 14:02:19 发布
阅读量2.5w 收藏 3
点赞数 2
分类专栏： js算法 前端小基础 文章标签： js替换数组元素 js获取当前ip地址 js数组替换 vue数组替换元素
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/wonaixiaoshenshen/article/details/88626989
版权

  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

我乃小神神
关注
  • 2
    点赞
  • 踩
  • 3
    收藏
    觉得还不错? 一键收藏
  • 4
    评论
专栏目录
如何使用JavaScript替换数组中的项？
m0_66299649的博客
01-10 2万+
如何使用JavaScript替换数组中的项？
html 数组替换元素,使用JavaScript替换数组中的项
weixin_39903538的博客
06-28 940
想要使用使用JavaScript替换数组中的项，要如何实现？方法1：使用splice()方法avaScript中的数组类型为我们提供了splice()方法，该方法通过在所需索引处删除和插入新元素来帮助我们替换现有数组的项。语法：Array.splice(start_index,delete_count,value1,value2,value3,...)注意：Splice()方法从包含st...
JavaScript 如何修改,删除数组中某个对象的某个属性
最新发布
Williamqin_的博客
06-11 519
将对象自身展开，以便通过使用先前创建的对象数组来更新现有对象的属性值。使用map()方法根据指定的函数，通过转换原始数组的每个元素来创建一个新的数组。使用Array.map()创建一个带有扩展运算符的新数组，以修改特定对象的属性。使用 forEach() 方法，遍历对象数组，检查条件并修改匹配对象的属性。使用for循环遍历一个包含对象的数组，根据条件查找并修改特定对象的属性。使用find()方法搜索具有指定属性值的对象，并使用解构修改属性。
如何从JavaScript中的数组替换元素？
热门推荐
cumt30111的博客
06-25 2万+
In this article, we'll see various methods in action to replace an element from an array in JavaScript. 在本文中，我们将看到各种有效的方法来替换JavaScript中数组中的元素 。 Consider the following array, 考虑以下数组， let heroes = [...
用 js 实现数组中指定元素的替换
虎康的博客
11-16 2185
在上述代码中，首先定义了原始数组arr和要替换的目标数组replaceArr，以及用于替换的新数组replacement。然后使用findIndex方法查找要替换的元素的索引，条件是该元素等于replaceArr的第一个元素，并且下一个元素等于replaceArr的第二个元素。已知 数组 arr = [160, 20, 179, 10, -170, -20]；请将数组 arr 中的 [179, 10] 替换为 [-178.16883, 13.27614]
php如何给数组替换元素,PHP怎么替换数组中的指定元素
weixin_33877700的博客
03-10 1587
PHP怎么替换数组中的指定元素发布时间：2020-10-12 13:49:30来源：亿速云阅读：55作者：小新这篇文章将为大家详细讲解有关PHP怎么替换数组中的指定元素，小编觉得挺实用的，因此分享给大家做个参考，希望大家阅读完这篇文章后可以有所收获。PHP替换数组中的指定元素的方法：首先新建文档；然后使用str指定要删除的元素，arr为被删除元素所在的数组，代码为【var index = arr....
ios 替换数组中元素_ios可变数组的所有操作
weixin_39629876的博客
12-19 1180
#pragma mark 创建数组cNSMutableArray * array =[[NSMutableArray alloc] initWithObjects:@"a",@"b",@"c" ,nil];NSMutableArray * array1 =[NSMutableArray arrayWithObjects:@"a",@"b",@"c" , nil];NSArray * array2 ...
Python示例代码，替换数组中的元素
HWL5679的博客
01-19 703
在Python中，def是一个关键字，用于定义函数或方法。当你看到def关键字，它意味着以下内容是一个函数或方法的定义。
用 JavaScript 替换数组中的对象
six6de6的博客
10-11 4763
用 JavaScript 替换数组中的对象
js中数组的常用方法（替换数组）
前端杂文
07-01 1万+
js中数组的常用方法（替换数组）filter()方法concat() 方法splice（）方法 filter()方法 filter() 方法创建一个新的数组，新数组中的元素是通过检查指定数组中符合条件的所有元素（过滤）。和map()类似，Array的filter()也接收一个函数。和map()不同的是，filter()把传入的函数依次作用于每个元素，然后根据返回值是true还是false决定保留还是丢弃该元素。 filter() 不会对空数组进行检测。 filter() 不会改变原始数组。 在一个Arr
体验js中splice()的强大(插入、删除或替换数组的元素)
10-27
它允许开发者在数组中进行插入、删除和替换元素的操作，从而极大地提高了对数组数据结构的控制能力。下面将详细阐述`splice()`方法的各种用法。 1. **删除元素**： `splice()`方法的基本语法是`array.splice(index...
js删除数组中指定元素
10-09
`splice()`函数是JavaScript数组对象的一个内置方法，它允许你在数组中添加、删除或替换元素。语法如下： ```javascript array.splice(index, howMany, item1, ..., itemX) ``` - `index`：要开始修改的数组元素的...
使用indexOf等在JavaScript的数组中进行元素查找和替换
10-26
使用slice、replace、indexOf等等在JavaScript的数组中进行元素的查找和替换，感兴趣的朋友可以学习下
Javascript实现数组中的元素上下移动
10-19
在JavaScript中，`splice()` 方法是一个非常实用的数组操作方法，它可以用来添加、删除或替换数组的元素。当`splice()` 方法的第一个参数是索引，第二个参数为0（表示删除0个元素），第三个参数是新的值时，它会将...
React中引入less
我乃小神神的博客
04-27 1万+
2019年4月27 21:16 坐标成都 22岁的你，一定要努力
vue 的上拉加载，下拉刷新（基于better-scrol）
我乃小神神的博客
11-14 7990
我先吐槽下，这个vue 的上拉刷新前几次都是有现成的框架，来做的，这个better-scroll的我是真的一开始没有看懂，可能是自己太笨了吧，不过 写这个的真的是大神，很厉害，个人项目做的这么厉害，666附上地址 https://github.com/ustbhuangyi/better-scroll 好了步入正题，这博客仅针对不是很熟悉vue 的上拉刷新的小白，虽然我也是小白，嘿嘿，大神请...
关于mui开发的APP自动更新的问题
我乃小神神的博客
09-15 6289
关于APP自动更新的问题，可是有点坑啊，以下就是我遇到的问题 话不多说，直接上代码 1.先进行获取手机APP当前的信息 const wgtVer = null; //获取当前版本号 plus.runtime.getProperty(plus.runtime.appid, function(inf) { wgtVer = inf.version; 这里这个...
基于vue2.0x 的即时通讯（云信版本）
我乃小神神的博客
12-17 5817
即时通讯听着很难，但是了，其实也的确不简单，websocket 可以多了解一下 网易云信 vue版本 https://github.com/netease-im/NIM_Web_Demo_H5 可以先看看网易写的代码，的确写的很好，接下来步入正题，如果想直接用，引入例子，向下看准没有错 先下载demo，中间有部分代码我都省略，到时候可以去我的github上看，直接引入自己项目， 其实最容易...
js替换数组中的元素
07-27
你可以使用 JavaScript 的 `splice()` 方法来替换数组中的元素。`splice()` 方法可以删除、添加或替换数组的元素。下面是一个示例代码： ```javascript let arr = [1, 2, 3, 4, 5]; arr.splice(2, 1, 'a'); // 替换...
评论 4
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

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

余额充值