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

推薦する

Reactの仮想DOMとdiffアルゴリズムの詳細な説明

仮想DOMの役割まず、仮想 DOM の出現によってどのような問題が解決されるのかを知る必要があります...

ROS2のインストールとdocker環境の使い方について

目次Docker を使用する理由は何ですか? DockerのインストールROSイメージを取得するRO...

Mac OS 10.11 での MySQL 5.7.12 のインストールと設定のチュートリアル

Mac OS 10.11 に MySQL をインストールして設定する方法を、主に写真を使って手順を簡...

VMware で Nginx+KeepAlived クラスタ デュアルアクティブ アーキテクチャを展開する際の問題と解決策

序文負荷分散には nginx を使用します。アーキテクチャのフロントエンドまたは中間層として、トラフ...

CSSスタイルシートとフォーマットレイアウトの詳細な説明

スタイルシートCSS (カスケーディング スタイル シート) は、HTML Web ページを美しくす...

docker compose の使い方の詳しい説明

目次Docker Compose の使用シナリオ基本的なデモ基本的な操作とメンテナンスdocker-...

mysql スケジュールタスク (イベント イベント) の詳細な説明

1. イベントの簡単な紹介イベントは、MySQL が特定の時間に呼び出す手続き型データベース オブジ...

DockerコンテナがSongtiなどのフォントを認識しない場合の解決策

問題の背景: docker を使用してプロジェクトをデプロイする場合、プロジェクト内で印刷コントロー...

Vueは大画面ページのスクリーン適応を実現します

この記事では、大画面ページのスクリーンアダプテーションを実現するためのVueの具体的なコードを参考ま...

MySQL データベース アーキテクチャの詳細

目次1. MySQL アーキテクチャ2. ネットワーク接続層3. データベースサービス層4. 接続プ...

ボタンのタイプが送信として指定されていません。ボタンをクリックしても、指定された URL にジャンプしません。

現在、プロジェクトの要件により、フォームの送信を制御し、送信前にデータを検証および処理するために j...

Mac で Docker を使用して Oracle をデプロイする方法

Mac で Docker を使用して Oracle をデプロイする方法まずdockerをインストール...

HTML ウェブページの基本コンポーネントの概要

<br />Web ページ上の情報は主にテキストベースです。 Web ページでは、フォン...

React antdはフォームの動的な増減を実現します

以前、動的フォームを記述しているときに落とし穴に遭遇しました。インデックスの添え字をキーとして使用す...

メンテナンス可能なJSコードの書き方を教えます

目次保守可能なコードとは何ですか?コード規約1. 読みやすさ2. 変数と関数の命名3. 透過的な変数...