JavaScript の基本: ループと配列

JavaScript の基本: ループと配列

ループ - for

forループの基本的な使い方

forループ構文: コードを繰り返し実行する

利点:宣言開始値、ループ条件、変更値を一緒に記述し、一目でわかる

   for (変数の開始値; ループ条件; 変数の更新) {
     ループ本体}

for ループと while ループの違い:

  • ループ回数が明確な場合は、 for ループを使用することをお勧めします。
  • ループ回数が不明な場合はwhileループを使用することをお勧めします。

ループを終了する

ループの終了:

  • continue : このループを終了し、次のループに進みます
  • break : 現在のループから抜ける

ネストされたループ

ループ内のループ。通常は for ループ内で使用される。

    for (変数の開始値; ループ条件; 変数の更新) {
      for (変数の開始値; ループ条件; 変数の更新) {
        ループ本体}
    }

配列

配列とは何ですか?

配列はデータを順番に格納できるデータ型です。

配列の基本的な使い方

宣言構文

配列名 = [data1, data2, ..., datan] とします。

1配列は順番に保存されるため、各データには独自の番号が付けられます

2. コンピュータの番号は0から始まり、

3. 配列では、データの数はインデックスまたは添え字とも呼ばれます

4. 配列はあらゆるタイプのデータを格納できる

値の構文

配列名[添え字]

1. 下付き文字でデータを取得する

2. どのようなタイプのデータが取得されますか? 次に、そのタイプの特性に基づいてデータにアクセスします。

いくつかの用語

  • 要素: 配列に格納される各データは配列要素と呼ばれます
  • 添え字: 配列内のデータの番号
  • 長さ: 配列内のデータの数。配列の長さ属性から取得されます。
配列名.長さ

配列の反復処理

ループを使用して配列内の各要素にアクセスします。通常はforループを使用します。

    for (let i = 0; i < 配列名.長さ; i++) {
      配列名[i]
    }

配列の操作

配列の本質はデータの集合です。データの操作は、追加、削除、変更、構文のチェックを行うだけです。

1. チェック: 配列データのクエリ、または配列データへのアクセス配列[添え字]

2. 変更: 配列の再割り当て [添え字] = 新しい値

3. 増加: 配列に新しいデータを追加する

  • arr.push (新しいコンテンツ)
  • arr.unshift (新しいコンテンツ)

4. 削除: 配列内のデータを削除します

  • arr.pop()
  • arr.shift() 関数
  • arr.splice (操作の添え字、削除数)

配列に新しいデータを追加する

數組.push()メソッドは、配列の末尾に 1 つ以上の要素を追加し、配列の新しい長さを返します (重要)

arr.push(要素1、要素2、...、要素n)

arr.unshift (new) メソッドは、配列の先頭に 1 つ以上の要素を追加し、配列の新しい長さを返します。

arr.unshift(要素1、要素2、...、要素n)

配列から要素を削除する

數組. pop()メソッドは配列から最後の要素を削除し、その要素の値を返します。

arr.pop()

Array.shift() メソッドは、配列から最初の要素を削除し、その要素の値を返します。

arr.shift() 関数

配列。splice() メソッドは指定された要素を削除します (キーポイント)

arr.splice(開始、削除カウント)
arr.splice (開始位置、いくつかの要素を削除)

開始位置:

変更の開始位置を指定します(0からカウント) deleteCount

削除する配列要素の数を示します

オプション。 省略した場合、デフォルトでは指定された開始位置から最後まで削除されます。

要素の削除:

ランダム抽選。当選したユーザーは配列から削除する必要があり、重複抽選は許可されません。

削除ボタンをクリックすると、関連データが製品データから削除されます。

要約する

この記事はこれで終わりです。皆さんのお役に立てれば幸いです。また、123WORDPRESS.COM のその他のコンテンツにも注目していただければ幸いです。

以下もご興味があるかもしれません:
  • JavaScript で for ループを使用して配列を走査する
  • JavaScript の for ループで配列要素を削除する際の問題
  • JavaScript の for ループと二重 for ループの詳細な説明
  • JavaScript for ループのパフォーマンス テストの例
  • JavaScript の for ループの詳細な理解
  • JavaScript配列の簡単な紹介
  • よく使われるJavaScript配列メソッド

<<:  CSS でフローティングにより親要素の高さが崩れる問題を解決するいくつかの方法

>>:  フローチャートとUIフローの違い

推薦する

JavaScript ステートメントの一般的な for ループの詳細な説明

JavaScript には、for、for in、for of、forEach ループなど、多くのル...

Ubuntu 20.04 ダブルピンイン入力方式のインストール手順

1. 中国語入力方法を設定する 2. ダブルスペルモードを設定する 3. 注意事項20.04 で S...

JavaScript継承のさまざまな方法とメリット・デメリットを詳しく解説

目次1. プロトタイプチェーン継承2. コンストラクタの借用(古典的な継承) 3. 組み合わせ継承4...

丸い角や鋭い角の代わりに文字を使用することに関する研究経験の共有

1. フォントと文字表示の関係左側と右側の鋭角部分は Songti フォントで表示されます: &l...

CSS3はリストの無限スクロール/カルーセル効果を実現します

効果プレビューアイデア現在のリストを最後の項目までスクロールし、すぐに最初の項目に戻ります。問題1....

HTML にオーディオファイルを挿入してブラウザで再生する場合の互換性の問題

HTML にオーディオ ファイルを挿入した後 (mp3 ファイルを再生した後) に発生したいくつかの...

MySQL の削除に基づく構文エイリアスの問題

目次MySQL 削除構文エイリアスの問題mysql の delete ステートメントでエイリアスを使...

MySQL のソート関数 field() の詳細な例

序文私たちの日常の開発プロセスでは、ソートが頻繁に使用され、そのような要求がある場合もあります。たと...

MySQL 5.7 以降のバージョンのダウンロードとインストールのグラフィック チュートリアル

1. ダウンロード1. MySQL公式サイトのダウンロードアドレス: https://downloa...

Navicat For MySQL の使い方に関する簡単なチュートリアル

推薦する: Navicat for MySQL 15 登録とアクティベーションの詳細なチュートリアル...

反応ループデータの実装(リスト)

まず、バックグラウンドから来るデータをシミュレートしてみましょう。ここでは、コードをわかりやすくする...

入力テキストボックスの長さをコンテンツに応じて変更する方法

初め:コードをコピーコードは次のとおりです。 <input type="text&q...

Vue フロントエンド開発における階層的にネストされたコンポーネント間の通信の詳細な説明

目次序文例まとめ序文Vue の親子コンポーネントは、props を通じて親コンポーネントの値を子コン...

優れたウェブサイトのコピーライティングと優れたユーザーエクスペリエンス

ウェブサイトを見るというのは、実は美しい女性を評価するようなものです。見た目を見るとき、私たちは見た...

Innodb システムテーブルスペースのメンテナンス方法

環境説明:実行中の MySQL 環境があります。以前の構成ファイルの設定が単純すぎたため (inno...