这篇文章主要介绍“es6如何修改数组的值”,在日常操作中,相信很多人在es6如何修改数组的值问题上存在疑惑,小编查阅了各式资料,整理出简单好用的操作方法,希望对大家解答”es6如何修改数组的值”的疑惑有所帮助!接下来,请跟着小编一起来学习吧
这篇文章主要介绍“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]
示例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]
示例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]
方法2:通过下标访问指定元素并重新复制
访问数组元素,并重新赋值的语法:
数组名[指定下标值]=新值;
示例如下:
var arr = [1,2,3,4,5]; //声明一个数组console.log(arr);arr[0] = 0; //修改第一个元素,重新赋值为0arr[2] = "A"; //修改第三个元素,重新赋值为2console.log(arr);
方法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如何修改数组的值”的学习就结束了,希望能够解决大家的疑惑。理论与实践的搭配能更好的帮助大家学习,快去试试吧!若想继续学习更多相关知识,请继续关注编程网网站,小编会继续努力为大家带来更多实用的文章!
--结束END--
本文标题: es6如何修改数组的值
本文链接: https://lsjlt.com/news/344791.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
2024-05-24
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0