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']

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

arr.length - 1になります。

#方法 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

  - 配列に追加する項目。

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

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

もう 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] === 'c') { arr[index] = 'z'; break; } } console.log(arr); // ?️ ['a', 'b', 'z']

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

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

[推奨学習:

]

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