ホームページ > 記事 > ウェブフロントエンド > 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: 括弧表記の再割り当てを使用して配列要素を置き換える
実装アイデア: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 になります。
#方法 2: 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() メソッドに渡します。
- 配列のインデックスの変更を開始します。
- 配列から削除する要素の数。
- 配列に追加する項目。
インデックスを、置換される配列要素のインデックスに設定します。
実際には、指定されたインデックスの配列要素を削除し、同じインデックスに別の値を挿入するため、最終的には配列要素を置き換えることになります。
もう 1 つのアプローチは、基本的な for ループを使用することです。 **
方法 3: 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 ループを使用して配列を反復処理しました。各反復で、その要素が置換したい要素であるかどうかを確認します。
要素を見つけて置換したら、不必要な作業を避けるためにループから抜け出します。
すべての配列要素を特定の値に置き換える場合は、break ステートメントを削除するだけです。[推奨学習:JavaScript ビデオ チュートリアル
以上がes6で配列内の指定された要素を置き換える方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。