es6怎麼修改陣列的值

2022-10-27 22:01:44

方法:1、用splice()刪除、增加或替換元素,語法「array.splice(下標,元素個數,新值1,.....,新值X)」;2、給指定下標元素重新複製,語法「陣列名[下標值]=新值;」;3、用replaceAll()替換所有特定元素,語法「str=arr.toString().replaceAll("搜尋值","新值");newArr=str.split(",");」。

前端(vue)入門到精通課程:進入學習
Apipost = Postman + Swagger + Mock + Jmeter 超好用的API偵錯工具:

本教學操作環境: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

【相關推薦:、】

以上就是es6怎麼修改陣列的值的詳細內容,更多請關注TW511.COM其它相關文章!