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

推薦する

Dockerfile をベースに Zabbix 監視システムのコード例を作成する

forループを使用してZabbixイメージをコンテナにインポートします。 n を `ls *.tar...

HTMLコードテキストボックスの制限入力テキストボックスが灰色になり、制限テキストボックスの入力

方法 1: readonly 属性を true に設定します。入力値=読み取り専用 readOnly...

CSS3で線形グラデーションを実装するためのコードの詳細な説明

序文デモでは古いバージョンのブラウザのグラデーションが実装されています[IE9-]。 IE9 より前...

divコンテナ内の背景色または画像は、サイズが大きくなるにつれて大きくなります。

コードをコピーコードは次のとおりです。高さ:自動 !重要;高さ:550px;最小高さ:550px; ...

Reactは動的ポップアップウィンドウコンポーネントを実装します

UI コンポーネントを作成するときに、アニメーションを考慮しなければ、アニメーションを実現するのは非...

Linuxにソフトウェアをインストールするいくつかの方法の詳細な説明

1. RPM パッケージのインストール手順: 1. soft.version.rpm などの対応する...

Dockerfile テキストファイルの使用例の分析

Dockerfile は、イメージをビルドするために使用されるテキスト ファイルです。テキスト コン...

Zabbix で監視項目と集約されたグラフを設定するためのサンプルコード

1. ローカルマシンを監視するためにZabbixエージェントをインストールするエージェントソフトウェ...

CSS 属性を使用してマウス イベントをブロックする方法 (マウス クリックは上位の要素を貫通する可能性があります)

由来: 数日前、テスターから写真を見るという要件が送られてきました。 この要件を見たとき、私は少し混...

HTML における要素の水平および垂直中央揃えに関する議論

ページをデザインするときには、ログイン ウィンドウを中央に配置するなど、DIV を中央に配置し、ペー...

ulとliの基本的な使用法の分析

ナビゲーション、少量のデータテーブル、中央揃え<!DOCTYPE html PUBLIC &q...

MySQL 学習 (VII): Innodb ストレージ エンジン インデックスの実装原理の詳細説明

概要データベースでは、ツリー ディレクトリと同様に、インデックスを使用してデータ検索を高速化します。...

携帯電話番号の真ん中の4桁を隠すMySQL SQL文の方法

最初のクエリ テーブル構造 (sys_users): sys_users から * を選択します。最...

Dockerが独自のローカルイメージリポジトリを構築するための手順

1. 環境と準備1. Ubuntu 14.04 2.Docker環境2. 建設プロセス1. ミラーソ...

jsはショッピングカートの加算と減算、価格計算機能を実現します

この記事では、ショッピングカートの増減と価格計算を実現するためのjsの具体的なコードを紹介します。具...