JavaScript で等分数配列を実装する

JavaScript 列では、等分数グループの実装方法を紹介します

関連する無料学習の推奨事項: javascript (ビデオ)

このチュートリアルでは、Array.splice() メソッドを使用して配列を等しい部分に分割する方法を学習します。また、## についても説明します。 #Array.splice() と Array.slice() それらの違い。

1. 配列を 2 つの等しい部分に分割します

2 つの手順で配列を 2 つの半分に分割できます:

1. Use

   length /2andMath.ceil()配列の中間インデックスを見つけるメソッド

2. 中間インデックスと

   Array.splice( )配列の均等に分割された部分を取得するメソッド

Math.ceil() 関数は、指定された数値以上の最小の整数を返します。

const list = [1, 2, 3, 4, 5, 6];
const middleIndex = Math.ceil(list.length / 2);

const firstHalf = list.splice(0, middleIndex);   
const secondHalf = list.splice(-middleIndex);

console.log(firstHalf);  // [1, 2, 3]
console.log(secondHalf); // [4, 5, 6]
console.log(list);       // []

Array.splice() メソッドは、要素を削除、置換、または追加することで配列の内容を変更します。 Array.slice() メソッドは、操作する前にまず配列のコピーを作成します。

• list.splice(0, middleIndex) 配列の 0 インデックスから最初の 3 要素を削除します。 、返却してください。
• splice(-middleIndex)配列から最後の 3 要素を削除して返します。

これら 2 つの操作が終了すると、配列からすべての要素が削除されたため、元の配列は空になります。

また、上記の場合、要素数は偶数ですが、要素数が奇数の場合、前半に余分な要素が存在することにも注意してください。

const list = [1, 2, 3, 4, 5];
const middleIndex = Math.ceil(list.length / 2);

list.splice(0, middleIndex); // returns [1, 2, 3]
list.splice(-middleIndex);   // returns [4, 5]

2.Array.slice と Array.splice

元の配列を変更したくない場合がありますが、これは Array.slice():

const list = [1, 2, 3, 4, 5, 6];
const middleIndex = Math.ceil(list.length / 2);

const firstHalf = list.slice().splice(0, middleIndex);   
const secondHalf = list.slice().splice(-middleIndex);

console.log(firstHalf);  // [1, 2, 3]
console.log(secondHalf); // [4, 5, 6]
console.log(list);       // [1, 2, 3, 4, 5, 6];

# で解決できます。 ##Array.slice()

を使用して要素を削除する前に、Array.slice() を使用して元の配列のコピーを作成したため、元の配列は変更されていないことがわかります。 3. 配列を 3 つの等しい部分に分割します

const list = [1, 2, 3, 4, 5, 6, 7, 8, 9];
const threePartIndex = Math.ceil(list.length / 3);

const thirdPart = list.splice(-threePartIndex);
const secondPart = list.splice(-threePartIndex);
const firstPart = list;     

console.log(firstPart);  // [1, 2, 3]
console.log(secondPart); // [4, 5, 6]
console.log(thirdPart);  // [7, 8, 9]

上記の操作を簡単に説明します:

最初に
1. st.splice( を使用します) -threePartIndex)

   ThirdPart を抽出し、最後の 3 つの要素 [7, 8, 9] を削除します。この時点で、list には最初の 6 つの要素のみが含まれます[1、2、3、4、5、6]。

次に、
2. list.splice(-threePartIndex)

   を使用して、残りの list = [1, 2, 3] から 2 番目の部分を抽出します。 , 4 , 5, 6] (つまり [4, 5, 6])、最後の 3 つの要素が削除され、リストには最初の 3 つの要素 [1, 2, 3] のみが含まれます。 、つまり firstPart。

4. Array.splice() のその他の使用法

それでは、Array.splice() のその他の使用法を見てみましょう。元の配列を変更したい場合は Array.slice() を使用しますが、元の配列を変更したい場合は削除できます。

const list = [1, 2, 3, 4, 5, 6, 7, 8, 9];

配列の最初の要素を取得します

list.slice().splice(0, 1) // [1]

配列の最初の 5 要素を取得します

list.slice().splice(0, 5) // [1, 2, 3, 4, 5]

# # 配列の最初の 5 要素以降のすべての要素を取得します

list.slice().splice(5) // 6, 7, 8, 9]

配列の最後の要素を取得します

list.slice().splice(-1)   // [9]

最後の 3 つの要素を取得します##

list.slice().splice(-3)   // [7, 8, 9]

コードをデプロイした後、潜在的なバグをリアルタイムで知ることは不可能です。これらのバグを後で解決するために、多くの時間が費やされました。ログのデバッグについては、優れた Used BUG 監視ツール Fundebug をお勧めします。

---

以上がJavaScript で等分数配列を実装するの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。