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

推薦する

適応分析と応答分析の違いを専門用語で詳しく説明

日々の開発経験と関連するオンライン情報に基づいて、アダプティブとレスポンシブの違いをシンプルでわかり...

forEachでawaitが機能しない問題を解決する

1. はじめに数日前、プロジェクトでトラバーサルに使用したときに落とし穴に遭遇し、解決するのに 1 ...

CSS での配置の使用方法の詳細な研究 (要約)

CSS における位置指定の概要position属性は英語で位置を意味し、 CSSでの主な機能は要素...

MySQL データベースの show processlist コマンドの使用の分析

実際のプロジェクト開発では、多数のクエリや挿入、特にマルチスレッド挿入など、データベースに大きな負荷...

Docker を使ってゼロから SOLO 個人ブログを構築する方法

目次1. 環境整備2. Dockerをインストールする3. MySQLマスタースレーブデータベースを...

パゴダパネルとドッカーを使用して Gogs をインストールするプロセス全体

目次1 Baota Software StoreにDockerをインストールする2 ゴグスイメージを...

指定された期間内のすべての日付または月を取得する MySQL ステートメント (ストアド プロシージャの設定やテーブルの追加は不要)

mysql は期間内のすべての日付または月を取得します1: mysqlは期間内のすべての月を取得し...

Avue でカスタム検索バーを実装し、検索イベントをクリアする実践

目次1. 検索バーの内容をカスタマイズする2. 検索ボタンをカスタマイズする検索バーをカスタマイズし...

MySQL リンクを表示し、異常なリンクを削除する方法

序文:データベースの運用や保守の際には、リンクの総数がいくつあるか、アクティブなリンクがいくつあるか...

JavaScript BOM ロケーション オブジェクト + ナビゲーター オブジェクト + 履歴オブジェクト

目次1. 場所オブジェクト1. URL 2. 場所オブジェクトのプロパティ3. ロケーションオブジェ...

Mysql8.0はソート問題を解決するためにウィンドウ関数を使用する

MySQL ウィンドウ関数の紹介MySQL は MySQL 8.0 以降、ウィンドウ関数をサポートし...

背景画像にテキストを表示するためのCSS

効果: <div class="imgs"> <!-- 背景画...

Nginx/Httpd リバース プロキシ Tomcat 設定チュートリアル

以前のブログでは、Tomcatのサーバーの各コンポーネントの使用について学びました。 Tomcatは...

MySQL で行を列に変換したり、列を行に変換したりする詳細な例

mysql 行から列へ、列から行へ難しい文章ではないので、詳しく説明はしません。文章を読むときは、一...

純粋な CSS を使用して脈動するローダー効果のソースコードを作成する

効果プレビュー右側の「クリックしてプレビュー」ボタンを押すと現在のページでプレビューが表示され、リン...