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 サイトへのアクセスを禁止する方法

推薦する

dockerでnginxを実行するときにdaemon offが使用される理由についての簡単な説明

とても嬉しいです。この問題に遭遇したとき、私はDockerコンテナのプロセス原理について話さなければ...

ブラウザ(IEシリーズ)を判別するための条件付きコメント

<!--[if IE 6]> IE6 のみが認識可能 <![endif]-->...

Windows で負荷分散に Nginx+Tomcat を使用するための完全な手順

序文今日は、Prince が Windows で負荷分散に Nginx + Tomcat を使用する...

ServerSocketのデフォルトIPバインディングの実装プロセスの詳細な説明

開発中にサーバーを起動する必要がある場合、ローカルテストではポートを直接書き込み、実際の環境ではバイ...

MySQL データベース分離レベルと MVCC の詳細な説明

目次1. 分離レベルコミットされていない読み取りREAD COMMITED (コミット読み取り/非反...

Vue ベースの Excel 解析とエクスポートの詳細な説明

目次序文基本的な紹介コードの実装基本構造アップロード分析Excel にエクスポート基本構造Excel...

ドメイン名、ポート、異なるIPに基づくnginx仮想ホスト設定の実装

1. nginx仮想ホストの設定仮想ホストを使用すると、実行する Web サイトごとに個別の Ngi...

Dockerの核となる原則であるCgroupの詳細な説明

カーネル内の強力なツール cgroup は、NameSpace によって分離されたリソースを制限でき...

HTML タイトル属性をラップする方法

数日前にプログラムを書いていたとき、プロンプト情報 (TITLE) を新しい行で囲みたいと思いました...

Vueの7つの値転送メソッドの詳細な説明

1. 父から息子へ子コンポーネントにpropsフィールドを定義し、その型は配列です (フィールド値の...

Vue 仮想 DOM の問題について

目次1. 仮想DOMとは何ですか? 2. 仮想 DOM が必要な理由3. 仮想DOMはどのようにして...

Baidu サイト検索が https をサポートしていない問題の解決策 (テスト済み)

最近、携帯電話で https が有効になりました。緑色のロックを取得するには、次の問題を解決する必要...

MySQLでスケジュールされたタスクを設定する方法の分析

この記事では、例を使用して、MySQL でスケジュールされたタスクを設定する方法について説明します。...

MySQL binlog_ignore_dbパラメータの具体的な使用法

序文:前の記事を読んだ後、binlog はデータベースで実行されたすべての DDL および DML ...

html-cssタグのスタイル設定が機能しない2つの理由

1 セミコロン「;」のない CSS スタイル2 タグが閉じられておらず、「>」がありません...