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フローの違い

推薦する

Linux で開いているファイルが多すぎる問題を解決する方法

原因は、プロセスが特定の時点でシステム制限を超える数のファイルと通信リンクを開くことです。 システム...

MySQL で 2 つのテーブルをクエリする場合の from と join の違いの概要

序文MySQL では、複数テーブル結合クエリは非常に一般的な要件です。複数テーブルクエリを使用する場...

HTML コードを書くための 30 のヒント

1. HTMLタグは常に閉じる前のページのソース コードでは、次のような記述がよく見られます。 &l...

Linux で MySQL をインストールする簡単な方法

Linux に MySQL をインストールする方法をオンラインで検索すると、多くの方法が表示されまし...

MySQLデータベースのロック機構の分析

同時アクセスの場合、非反復読み取りやその他の読み取り現象が発生する可能性があります。高い同時実行性に...

CentOS 7.3 で Nginx 仮想ホストを設定する方法

実験環境最小限にインストールされた CentOS 7.3 仮想マシン基本環境を構成する1. ngin...

ブラウザの自動更新を実装するReactサンプルコード

目次フロントエンドルーティングとは何ですか?フロントエンドルーティングを実装するにはどうすればいいで...

Windowsタイムサーバーの設定方法の詳しい説明

最近、会社のサーバーの時間が不正確で、外部の時間ソースと同期できないことがわかりました。会社はドメイ...

WeChatアプレットのスワイパードットのドットをスライダーに変更する方法

目次背景ターゲット効果アイデア成し遂げるスワイパーは変更を聞きますカスタムドットモジュール変更イベン...

フロントエンド Vue ユニットテストを始める

目次1. ユニットテストはなぜ必要なのでしょうか? 2. ユニットテストの書き方3. テストツール4...

MySQLを水平から垂直に、垂直から水平に変換する方法

データの初期化 `test_01` が存在する場合はテーブルを削除します。 テーブル「test_01...

jQueryは、マウスをドラッグしてdivの位置とサイズを変更する方法を実装しています。

Windows フォームと同様の効果を得るには、中央をドラッグして div の位置を変更し、端をド...

DockerでPrometheusをインストールする詳細なチュートリアル

目次1. Node Exporterをインストールする2. cAdvisorをインストールする3. ...

JavaScript でオブジェクトのプロパティを削除する方法

1. 削除delete は、オブジェクトのプロパティを残さずに削除する唯一の方法ですが、その「代替」...

ウェブデザインの初心者に役立つ学習教材をいくつかお勧めします

勉強中に読んだ本についてもよく聞かれます。以下は初心者におすすめの本です(私が勉強中に読んだ本です。...