JavaScriptで配列を切り詰める方法は?

PHPz
リリース: 2023-08-30 12:41:02
転載
821 人が閲覧しました

如何在 JavaScript 中截断数组?

このチュートリアルでは、JavaScript で配列を切り詰める方法を説明します。配列の切り詰めとは、末尾からいくつかの要素を削除し、切り詰められた配列の新しい値を実際の配列に代入することを意味します。

配列を切り詰める必要がある場合があります。あるケースで、ソートされた (降順) 要素が含まれる配列があるとします。ここでは、配列内の最初の k 個のソートされた要素が必要であり、else 値を削除するだけです。したがって、追加の配列を作成して変更し、実際の配列に割り当てる必要はありません。

配列を切り詰める方法はたくさんあります。すべてを見てみましょう。

###文法###

配列を切り詰める構文は次のとおりです:

リーリー

Here

arr

は元の配列です。 idx は、配列を切り詰めるインデックス/位置です。 Index は削除する要素の位置、number は配列から削除する要素の数です。 ######アルゴリズム###

ステップ 1

- 配列

arr
    を作成し、それに要素を追加します。 arr を表示するには、innerHTML 属性を使用します。
  • ステップ 2 - splice()
  • メソッドを配列 arr に適用し、引数として
  • index howmany を渡します。あるいは、arr.length=idx を適用することもできます。 ステップ 3 - innerHTML 属性を使用して、切り詰められた配列を表示します。
  • 例 1
  • 使用
Array splice()

メソッド

次の例では、array splice() メソッドを使用して配列を切り詰めます。 7 つの要素を持つ配列を定義します。位置 3 の外側の要素を切り捨てます。 リーリー 例 2

配列の長さ属性の使用

この例では、配列の長さプロパティを使用して配列を切り詰めます。必要な長さを配列に割り当てるだけで、そのサイズは割り当てられたサイズに応じて変化します。 リーリー ここでは、arr.length=4 を使用して配列をサイズ 4 に変更します。最初の 4 つの要素を取得し、その後、すべての要素が配列から削除されます。

これには欠点があります。スプライシングとは異なり、開始インデックス 0 から指定されたサイズまでの要素しか取得できません。開始インデックスと終了インデックスの定義を選択できます。

ここで、何か質問があるかもしれません。割り当てたサイズが配列の長さよりも大きい場合はどうなるでしょうか?次に、配列サイズの後に未定義の配列要素を取得します。

例 3

次の例では、長さ 7 の配列を定義し、配列の長さよりも大きいサイズを割り当てます。

リーリー

ここでは、配列に要素を追加せずに、配列サイズを 7 から 15 に変更します。インデックス 7 から 14 までの要素は空であることに注意してください。

例 4

使用

Array slide()

メソッド

次の例では、array slide() メソッドを使用して配列を切り詰めます。配列 lice() メソッドは元の配列を変更せず、要素のみを返します。 与えられた引数によると。したがって、返された要素を変数に格納する必要があります。 7 つの要素を含む配列を定義します。位置 3 の外側の要素を切り捨てます。 リーリー

Here arr = arr.slice(0, 4); 0 は配列の開始インデックス、4 は終了インデックスで、配列を結合するまで、指定された開始インデックスの前と終了インデックスの後のすべての要素が結合されます。は回避され、更新された配列を実際の配列に割り当てます。

リーリー

このチュートリアルでは、配列の splice() メソッドとスライス() メソッド、および length プロパティを使用して JavaScript で配列を切り詰める方法を学びました。

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

ソース:tutorialspoint.com
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!