首頁 >web前端 >前端問答 >es6怎麼修改陣列的值

es6怎麼修改陣列的值

青灯夜游
青灯夜游原創
2022-10-27 19:09:291670瀏覽

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

es6怎麼修改陣列的值

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

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;  //修改第一个元素,重新赋值为0
arr[2] = "A";  //修改第三个元素,重新赋值为2
console.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怎麼修改陣列的值

#【相關推薦:

javascript影片教學程式設計影片

以上是es6怎麼修改陣列的值的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn