精华内容
下载资源
问答
  • 想要使用使用JavaScript替换数组中的项,要如何实现?方法1:使用splice()方法avaScript中的数组类型为我们提供了splice()方法,该方法通过在所需索引处删除和插入新元素来帮助我们替换现有数组的项。语法:Array....

    想要使用使用JavaScript替换数组中的项,要如何实现?

    方法1:使用splice()方法

    avaScript中的数组类型为我们提供了splice()方法,该方法通过在所需索引处删除和插入新元素来帮助我们替换现有数组的项。

    语法:Array.splice(start_index, delete_count, value1, value2, value3, ...)

    注意:Splice()方法从包含start_index元素开始删除数组中的零个或多个元素,并将这些元素替换为参数列表中指定的零个或多个元素。

    Splice()方法直接修改数组,与类似命名的Slice()方法不同。

    示例:html>

    // 初始化数组

    var list = ["January",

    "March",

    "April",

    "June"

    ];

    document.getElementById("list").innerHTML ="原数组为:"+ list;

    // 使用splice()方法拼接数组元素

    list.splice(1, 0, "February");

    // 预期输出 [January, February, March, April, June]

    // 在第一次拼接后之后对输出元素进行剪接

    list.splice(4, 1, "May");

    document.getElementById("result").innerHTML ="更新的数组元素:"+ list;

    输出:原数组为:January,March,April,June

    更新的数组元素:January,February,March,April,May

    方法2:使用数组的map()和filter()方法

    JavaScript中的map()方法通过调用父数组中每个元素上的特定函数来创建数组。 arr.filter()方法用于从给定数组中创建一个新数组,该数组仅由满足参数函数设置的条件的给定数组中的元素组成。

    语法:ele[ele.map((x, i) => [i, x]).filter(x => x[1] == old_value)[0][0]] = new_value

    示例:html>

    var ele = Array(10, 20, 300, 40, 50);

    document.getElementById("list").innerHTML = "原数组为:" + ele;

    ele[ele.map((x, i) => [i, x]).filter(x => x[1] == 300)[0][0]] = 30

    document.getElementById("result").innerHTML = "更新的数组元素:" + ele;

    输出:原数组为:10,20,300,40,50

    更新的数组元素:10,20,30,40,50

    展开全文
  • 首先可以给JS数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为: Array.prototype.indexOf = function(val) { for (var i = 0; i < this.length; i++) { ...

    转自https://www.jb51.net/article/134312.htm
    删除数组指定的某个元素

    首先可以给JS的数组对象定义一个函数,用于查找指定的元素在数组中的位置,即索引,代码为:

    Array.prototype.indexOf = function(val) { 
        for (var i = 0; i < this.length; i++) { 
            if (this[i] == val) return i
        } 
        return -1
    }
    Array.prototype.remove = function(val) { 
        var index = this.indexOf(val)
        if (index > -1) { 
            this.splice(index, 1)
        } 
    }

    这样就构造了这样一个函数,比如我有一个数组:

    var emp = ['abs','dsf','sdf','fd']

    假如我们要删除其中的 ‘fd’ ,就可以使用:

    emp.remove('fd')

    删除的数组的某一项

    splice(index,len,[item]) ,该方法会改变原始数组。

    splice有3个参数,它也可以用来替换/删除/添加数组内某一个或者几个值

    index:数组开始下标 len: 替换/删除的长度 item:替换的值,删除操作的话 item为空

    如:arr = [‘a’,’b’,’c’,’d’]

    删除

    //删除起始下标为1,长度为1的一个值(len设置1,如果为0,则数组不变)

    var arr = ['a','b','c','d']
    arr.splice(1,1)
    console.log(arr)
    //['a','c','d']

    //删除起始下标为1,长度为2的一个值(len设置2)

    var arr2 = ['a','b','c','d'] 
    arr2.splice(1,2)
    console.log(arr2)
    //['a','d']

    替换

    //替换起始下标为1,长度为1的一个值为‘ttt’,len设置的1

    var arr = ['a','b','c','d']
    arr.splice(1,1,'ttt')
    console.log(arr)  
    //['a','ttt','c','d'] 
    
    var arr2 = ['a','b','c','d']
    arr2.splice(1,2,'ttt')
    console.log(arr2)
    //['a','ttt','d'] 替换起始下标为1,长度为2的两个值为‘ttt',len设置的1

    添加 —- len设置为0,item为添加的值

    var arr = ['a','b','c','d']; 
    arr.splice(1,0,'ttt'); 
    console.log(arr);   
    //['a','ttt','b','c','d'] 表示在下标为1处添加一项'ttt'
    //delete方法删除掉数组中的元素后,会把该下标出的值置为undefined,数组的长度不会变
    
    var arr = ['a','b','c','d']; 
    delete arr[1]; 
    arr; 
    //["a", undefined × 1, "c", "d"] 中间出现两个逗号,数组长度不变,有一项为undefined
    展开全文
  • 使用js替换数组中元素

    万次阅读 2019-03-17 21:13:37
    js替换数组元素 记得我最近刚刚做的一个项目,后端返回的一个数组对象,里面的图片的地址有问题,一个在这个ip上一个在另一个ip 上,我问他咋办,他说,你要自己把那个返回的数据重新修改一下就是下面这种,只替换...
    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

    展开全文
  • js替换数组中字符串实例

    千次阅读 2019-09-29 22:25:13
    这个是替换数组中的一个对象字符串; 直接上代码: 1 var aaa=[ 2 {"name":"张珊","sex":"man"}, 3 {"name"...

      这个是替换数组中的一个对象字符串;

      直接上代码:

    1  var aaa=[
    2           {"name":"张珊","sex":"man"},
    3           {"name":"李斯","sex":"woman"},
    4           {"name":"王武","sex":"man"},
    5        ];
    6 
    7  var bbb={"name":"陈柳","sex":"man"};
    8  aaa.splice(1,1,bbb);
    9  console.log(aaa);

      splice用法:splice(index,number,item);    

      index:必须。整数,规定添加/删除项目的位置,使用负数可从数组结尾处规定位置。

      number:必须。要删除的项目数量。如果设置为 0,则不会删除项目。

      item:向数组添加的新项目。

      返回值类型是一个数组Aarry。

    结果如下:

        

     


    更多专业前端知识,请上 【猿2048】www.mk2048.com
    展开全文
  • 法一:用基础的遍历办法(针对已知的替换) const jobList = [ { name: 'Tom', work: 'FE engineer' }, { name: 'Tiny', work: 'Accounting' }, { name: 'Bob', work: 'Chief' } ] function ...
  • 今天在工作中,遇到一个功能,交换一个数组中任意的两个值。 一开始我这样写: var children = [......]; var index = 1; var index2 = 2; var child = children[index]; children[index] = ...
  • for(let i=0;i<statusList.length;i++){ if (statusList[i]['tableId'] === tableId) { statusList[i]=data2; console.log(statusList) } ...
  • js中数组的常用方法(替换数组)filter()方法concat() 方法splice()方法 filter()方法 filter() 方法创建一个新的数组,新数组中的元素是通过检查指定数组中符合条件的所有元素(过滤)。和map()类似,Array的...
  • 数组去重 数组拼接 替换数组中的指定值 递归数组 判断数组中是否存在指定值 数组求和 根据条件判断数组值这是学习过程中记录的一些关于数组操作的常用属性或方法,记录一下方便以后使用。 这是学习过程中记录的一些...
  • const TreeDataSource=(arr)=>{ if(!Array.isArray(Array)){return;} return arr.map((v,i)=>{ return { ...v, key:v.id, title:v.typeName, order: v.sort, isClose: ...
  • javascript splice()算是最强大的了,它可以用于插入、删除或替换数组的元素。下面来一一介绍,感兴趣的朋友

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 126,434
精华内容 50,573
关键字:

js替换数组