回答es6怎么修改数组的值

 所属分类:web前端开发

 浏览:173次-  评论: 0次-  更新时间:2022-11-05
描述:更多教程资料进入php教程获得。 方法:1、用splice()删除、增加或替换元素,语法“array.splice(下标,元素个数,新值1,.....,新值X)”;2、...
更多教程资料进入php教程获得。

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

本教程操作环境:windows7系统、ECMAScript 6版、Dell G3电脑。

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]
登录后复制

1.png

示例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]
登录后复制

2.png

示例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]
登录后复制

3.png

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

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

数组名[指定下标值]=新值;
登录后复制

示例如下:

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

4.png

方法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", "新"]
登录后复制

5.png

【相关推荐:javascript视频教程、编程视频】

以上就是es6怎么修改数组的值的详细内容,更多请关注zzsucai.com其它相关文章!

积分说明:注册即送10金币,每日签到可获得更多金币,成为VIP会员可免金币下载! 充值积分充值会员更多说明»

讨论这个素材(0)回答他人问题或分享使用心得奖励金币

〒_〒 居然一个评论都没有……

表情  文明上网,理性发言!