文章详情

短信预约-IT技能 免费直播动态提醒

请输入下面的图形验证码

提交验证

短信预约提醒成功

es6如何修改数组的值

2023-07-04 11:29

关注

这篇文章主要介绍“es6如何修改数组的值”,在日常操作中,相信很多人在es6如何修改数组的值问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”es6如何修改数组的值”的疑惑有所帮助!接下来,请跟着小编一起来学习吧!

方法:1、用splice()删除、增加或替换元素,语法“array.splice(下标,元素个数,新值1,.....,新值X)”;2、给指定下标元素重新复制,语法“数组名[下标值]=新值;”;3、用replaceAll()替换所有特定元素,语法“str=arr.toString().replaceAll("搜索值","新值");newArr=str.split(",");”。

es6修改数组值的几种方法

方法1:利用splice()方法

使用splice()方法可以删除元素、增加元素或者替换元素

array.splice(index,howmany,item1,.....,itemX)

参数描述
index必需。规定从何处添加/删除元素。
该参数是开始插入和(或)删除的数组元素的下标,必须是数字。
howmany可选。规定应该删除多少元素。必须是数字,但可以是 "0"。
如果未规定此参数,则删除从 index 开始到原数组结尾的所有元素。
item1, ..., itemX可选。要添加到数组的新元素

返回值:所有删除的元素,组成的数组,如果没有删除任何元素,将会得到一个空数组

示例1:

var arr = [1,2,3,4,5,6,7,8,9,10];console.log(arr);//删除arr.splice(1,2);console.log(arr);    //打印:[1,4,5,6,7,8,9,10]

es6如何修改数组的值

示例2:

var arr = [1,2,3,4,5,6,7,8,9,10];console.log(arr);//替换arr.splice(1,2,'b','c');console.log(arr);    //打印:[1, "b", "c", 6, 7, 8, 9, 10]

es6如何修改数组的值

示例3:

var arr = [1,2,3,4,5,6,7,8,9,10];console.log(arr);//添加,如果不删除元素,但是又存在第三个或者3+的参数,就会有添加的功能arr.splice(1,0,'a','b','c');console.log(arr);    //打印:[1, "a", "b", "c", "b", "c", 6, 7, 8]

es6如何修改数组的值

方法2:通过下标访问指定元素并重新复制

访问数组元素,并重新赋值的语法:

数组名[指定下标值]=新值;

示例如下:

var arr = [1,2,3,4,5];  //声明一个数组console.log(arr);arr[0] = 0;  //修改第一个元素,重新赋值为0arr[2] = "A";  //修改第三个元素,重新赋值为2console.log(arr);

es6如何修改数组的值

方法3:使用replaceAll()替换所有特定元素

replaceAll是用于在字符串中,替换字符的。当然我们进行“数组”,“字符串”的转换,也能应用在数组中。一般配合正则表达式使用。

const newStr = str.replaceAll(regexp|substr, newSubstr|function)

示例:

var arr = [3, 5, "-", "9", "-"];var newArr = [];var str = arr.toString().replaceAll("-","新");//数组转字符串并替换所有特定元素console.log(str);//3,5,新,9,新newArr = str.split(",");//字符串转数组console.log("newArr",newArr);//newArr (5) ["3", "5", "新", "9", "新"]

es6如何修改数组的值

到此,关于“es6如何修改数组的值”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!

阅读原文内容投诉

免责声明:

① 本站未注明“稿件来源”的信息均来自网络整理。其文字、图片和音视频稿件的所属权归原作者所有。本站收集整理出于非商业性的教育和科研之目的,并不意味着本站赞同其观点或证实其内容的真实性。仅作为临时的测试数据,供内部测试之用。本站并未授权任何人以任何方式主动获取本站任何信息。

② 本站未注明“稿件来源”的临时测试数据将在测试完成后最终做删除处理。有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341

软考中级精品资料免费领

  • 历年真题答案解析
  • 备考技巧名师总结
  • 高频考点精准押题
  • 2024年上半年信息系统项目管理师第二批次真题及答案解析(完整版)

    难度     813人已做
    查看
  • 【考后总结】2024年5月26日信息系统项目管理师第2批次考情分析

    难度     354人已做
    查看
  • 【考后总结】2024年5月25日信息系统项目管理师第1批次考情分析

    难度     318人已做
    查看
  • 2024年上半年软考高项第一、二批次真题考点汇总(完整版)

    难度     435人已做
    查看
  • 2024年上半年系统架构设计师考试综合知识真题

    难度     224人已做
    查看

相关文章

发现更多好内容

猜你喜欢

AI推送时光机
位置:首页-资讯-后端开发
咦!没有更多了?去看看其它编程学习网 内容吧
首页课程
资料下载
问答资讯