es6で配列内の指定された要素を置き換える方法

3 置換方法: 1. 括弧表記を使用して値を再割り当てします (構文 "arr[index] = '新しい要素値';"; 2. Array.splice() を使用して置換します。構文 " arr.splice (index, 1, '新しい要素値');"; 3. for ループを使用して、構文 "for(i=0;i

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

#方法 1: 括弧表記の再割り当てを使用して配列要素を置き換える

実装アイデア:

• 要素のインデックスを取得するには、indexOf() メソッドを使用します。

• 特定のインデックスにある要素の値を変更するには、括弧表記を使用します。

• 配列要素の値はその場で更新されます。

例:

const arr = ['a', 'b', 'c'];
const index = arr.indexOf('a'); // ?️  0
if (index !== -1) {
  arr[index] = 'z';
}
console.log(arr); // ?️ ['z', 'b', 'c']

Array.indexOf() メソッドを使用して、配列要素のインデックスを取得します。その値はインデックスです。

次に、そのインデックスの要素を新しい値に置き換えます。

indexOf メソッドは、指定された値を持つ要素が見つからない場合、-1 を返すことに注意してください。指定された値を持つ要素が存在することを確認するために、メソッドが -1 のインデックスを返さないことを確認します。

JavaScript のインデックスはゼロベースであるため、最初の要素のインデックスは 0、最後の要素のインデックスは

arr.length - 1 になります。

あるいは、array.splice() メソッドを使用することもできます。

#方法 2: Array.splice() を使用して配列内の要素を置き換える#実装アイデア:

indexOf() メソッドを使用して、置換する要素のインデックスを取得します。
Array.splice() メソッドを呼び出して、特定のインデックスの要素を置き換えます。
配列要素はその場で置き換えられます。
例:

const arr = ['a', 'b', 'c'];
console.log(arr); // ?️ ['a', 'b', 'c']
const index = arr.indexOf('b'); // ?️  1
arr.splice(index, 1, 'z');
console.log(arr); // ?️ ['a', 'z', 'c']

次の 3 つのパラメータを Array.splice() メソッドに渡します。

• start Index

  - 配列のインデックスの変更を開始します。

• delete count

  - 配列から削除する要素の数。

• item1

  - 配列に追加する項目。

start

インデックスを、置換される配列要素のインデックスに設定します。

削除カウントを 1 に設定すると、Array.splice() メソッドは指定されたインデックスにある配列要素を削除し、指定された 3 番目の引数を同じインデックスに追加します。

実際には、指定されたインデックスの配列要素を削除し、同じインデックスに別の値を挿入するため、最終的には配列要素を置き換えることになります。

もう 1 つのアプローチは、基本的な for ループを使用することです。 **

方法 3: for ループを使用して配列内の要素を置き換える実装アイデア:

for ループを使用して array.length 回繰り返します。
各反復で、配列要素が置換される要素であるかどうかを確認します。
条件が満たされた場合は、インデックスの要素を置換し、for ループから抜け出します。
例:

const arr = ['a', 'b', 'c'];
console.log(arr); // ?️ ['a', 'b', 'c']
for (let index = 0; index < arr.length; index++) {
  if (arr[index] === &#39;c&#39;) {
    arr[index] = &#39;z&#39;;
    break;
  }
}
console.log(arr); // ?️ [&#39;a&#39;, &#39;b&#39;, &#39;z&#39;]

基本的な for ループを使用して配列を反復処理しました。各反復で、その要素が置換したい要素であるかどうかを確認します。

要素を見つけて置換したら、不必要な作業を避けるためにループから抜け出します。

すべての配列要素を特定の値に置き換える場合は、break ステートメントを削除するだけです。

[推奨学習:

JavaScript ビデオ チュートリアル

]

以上がes6で配列内の指定された要素を置き換える方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。