JavaScriptで配列を作成する方法の詳細な説明

JavaScriptで配列を作成する方法の詳細な説明

JavaScript で配列を作成する

1. newを使って配列を作成する

var arr = new Array(); //空の配列を作成する

2. 配列リテラルを使用して配列を作成する(より一般的に使用される)

リテラル: 固定値を表現する方法

一目でどんなデータ型かがわかります。例えば、8は一目で数値型であることがわかります。

//1. 配列リテラル (角括弧) を使用して配列を作成します var arr = []; // 空の配列を作成します var arr1 = [1,2,'student',true]; // 配列には任意のタイプのデータを含めることができ、カンマで区切る必要があります

3. 配列要素とは何ですか?

配列は、データのグループを 1 つの変数に格納できます。配列要素は配列に格納される要素であり、その型に制限はありません。

配列の使用

1. 配列要素を取得する - 添え字であるインデックスを使用します。添え字は 0 から始まり、C 言語と非常によく似ています。

コンソールログ(arr[2]);

2. 配列を走査する

var arr = ['赤','緑','青'];
(var i = 0;i < 3;i++){
    コンソールにログ出力します。
}
//配列の長さを出力します console.log(arr.length);
//配列の長さを動的に検出する for(var i = 0;i < arr.length;i++){
    コンソールにログ出力します。
    }

トラバーサルとは何ですか?

配列の要素に最初から最後まで一度アクセスします。内部の i はインデックス番号として使用されるカウンターです。arr[i] は配列の要素にアクセスします。インデックス番号は配列の長さとは関係ありません。

// 古典的なケースでは配列の最大値を出力する var arr = [2,6,1,77,52,25,7,99];
var 0 = arr[0];
for(var i = 0;i < arr.length;i++){
    (最大値<arr[i])の場合{
        最大値 = arr[i];
        }
    }
    conaole.log('配列内の最大値は ' + max です);

配列を分割文字列に変換する

var arr = ['赤','緑','青','ピンク'];
var str = '';
for(var i = 0;i < arr.length;i++){
	str+=arr[i]+'|'; //var sep = '!'; も使用できます。str+=arr[i]+sep;
}
コンソールログ(str);

配列に要素を追加する

var arr = ['赤','緑','青','ピンク'];
var str = '';
for(var i = 0;i < arr.length;i++){
	str+=arr[i]+'|'; //var sep = '!'; も使用できます。str+=arr[i]+sep;
}
コンソールログ(str);

インデックス番号が存在する場合、配列要素は置き換えられます。配列名に直接値を割り当てないでください。そうしないと、以前のデータが上書きされます。たとえば、arr1 =''; onsole.log(arr1)

配列のフィルタリング

var arr = [1,2,3,4,5,6,7,8,9,10];
var newArr = [];
コンソールにログ出力します。
for(var i = 0;i < arr.length;i++){
	もし(arr[i]>=5)
	{
		新しいArr[新しいArr.長さ] = arr[i];
	}
}

配列から指定された要素を削除する

// 7 を削除 var arr = [1,2,3,4,5,6,7,8,9,10];
var newArr = [];
コンソールにログ出力します。
for(var i = 0;i < arr.length;i++){
	もしarr[i]が7ならば
	{
		新しいArr[新しいArr.長さ] = arr[i];
	}
}
コンソールにログ出力します。

要約する

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

以下もご興味があるかもしれません:
  • JavaScript es6 の新しい配列メソッドの詳細な説明
  • JS配列メソッドの詳細な説明
  • JavaScript配列の一般的なメソッドの詳細な説明
  • JavaScript配列の一般的なメソッドの概要
  • よく使われるJavaScript配列メソッド
  • JavaScript における一般的な配列操作
  • JavaScript 配列メソッドの詳細な例

<<:  MySQLで現在の時間間隔の前日のデータをクエリする

>>:  .htaccess を使用して特定の IP からの Web サイトへのアクセスを禁止する方法

推薦する

Vue 名前付きスロットの基本的な使用例

序文名前付きスロットは、スロット内の「name」属性を使用して要素にバインドされます。知らせ: 1....

MySQL が自動的に再起動する問題の解決方法

序文最近、テスト環境で MySQL データベースが自動的に再起動し続ける問題が発生しました。原因は、...

Vue3 を使用して虫眼鏡効果を実現する方法の例

目次序文1. カプセル化の重要性2. どのようにカプセル化しますか? 1. 準備2. 梱包を開始する...

IE6/7 は混乱するだろう: 空のテキスト ノードの高さの問題

序文: ietester でドキュメント コードを表示するには、debugbar を使用します。すべ...

MySQLの自動増分主キーIDはこのように処理されません

MySQLの自動増分主キーIDは段階的に増加しません1. はじめにMySQL データベースにデータを...

docker run後にコンテナがExited (0)と表示される問題を解決する

Centos7 上で openresty 用の Dockerfile を作成し、ビルドしました。 d...

vue シンプルメモ帳開発の詳しい説明

この記事では、参考までにEasy Notepadを実装するためのVueの具体的なコードを紹介します。...

画像ソーシャルネットワーキングサイトのUIアプリケーションの比較分析(図)

私たちの生活、仕事、勉強において、ソーシャル ネットワークは徐々に将来のインターネット発展のトレンド...

Kylin V10 サーバーで Storm をコンパイルしてインストールする詳細なプロセス

1 はじめにApache Storm は、Hadoop と同様に、大量のデータを処理するために使用で...

ウェブページの再設計の7つの主要要素 ウェブページの再設計の7つの主要要素を共有する

Shopify Plus は、私たちが設立した e コマース プラットフォームのエンタープライズ バ...

SQL効率を分析する方法を説明する

Explain コマンドは、データベースのパフォーマンス問題を解決するために最初に推奨されるコマンド...

Nginx がサーバーの生存状態をパッシブにチェックする詳細な説明

導入定期的にヘルスチェックを送信して、アップストリーム グループ内の HTTP サーバーのヘルスを監...

Maven+Tomcat 基本イメージを構築する Docker の実装

序文Javaプログラミングでは、ほとんどのアプリケーションはMavenに基づいて構築されており、配信...

MySQLログシステムの使い方に関する簡単なチュートリアル

目次序文1. エラーログ2. バイナリログ1. バイナリログを有効にする2. バイナリログ形式3. ...

MySQL サーバー ログイン エラー ERROR 1820 (HY000) の解決方法

障害サイト: MySQL サーバーにログインし、どのコマンドを実行してもこのエラーが発生します my...