ホームページ  >  記事  >  ウェブフロントエンド  >  es6 で配列の値を変更する方法

es6 で配列の値を変更する方法

青灯夜游
青灯夜游オリジナル
2022-10-27 19:09:291636ブラウズ

方法: 1. splice() を使用して要素を削除、追加、または置換します。構文は「array.splice(添え字, 要素の数, 新しい値 1,..., 新しい値 X)」です。 2. 指定された添字要素を構文「配列名 [添字値] = 新しい値;」で再コピーします。 3. replaceAll() を使用して、すべての特定の要素を構文「str=arr.toString().replaceAll()」で置き換えます。 " 検索値","新しい値");newArr=str.split(",");"。

es6 で配列の値を変更する方法

このチュートリアルの動作環境: Windows 7 システム、ECMAScript バージョン 6、Dell G3 コンピューター。

#es6 配列値を変更するいくつかの方法

方法 1: splice() メソッドを使用する

splice() メソッドを使用して、要素の削除、要素の追加、または要素の置換を行います

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

パラメータ説明必須。要素を追加/削除する場所を指定します。 #いくつitem1、...、戻り値: 削除されたすべての要素で構成される配列。要素が削除されない場合は、空の配列が取得されます
index このパラメータは、挿入または削除を開始する配列要素の添え字であり、数値である必要があります。
#オプション。削除する要素の数を指定します。数値である必要がありますが、「0」でも構いません。 このパラメータが指定されていない場合は、元の配列のインデックスから末尾までのすべての要素が削除されます。
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: es6 で配列の値を変更する方法

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: es6 で配列の値を変更する方法

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: 添字を使用して指定された要素にアクセスし、それを再コピーします。es6 で配列の値を変更する方法

配列要素にアクセスして再コピーするための構文-値の割り当て:

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

例は次のとおりです:

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

方法 3: replaceAll() を使用してすべての特定の要素を置換しますes6 で配列の値を変更する方法

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", "新"]


##[関連する推奨事項:

JavaScript ビデオ チュートリアル

es6 で配列の値を変更する方法プログラミング ビデオ

]

以上がes6 で配列の値を変更する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

声明:
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。