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 はインターフェースのスライド効果を実装します

この記事では、インターフェースのスライド効果を実現するためのVueの具体的なコードを例として紹介しま...

ウェブサイトアイコンを追加するにはどうすればいいですか?

最初のステップは、アイコン作成ソフトウェアを準備することです。まず、いわゆるアイコンは拡張子 .ic...

スライダー間隔コンポーネントのネイティブ js 実装

この記事の例では、スライダー間隔コンポーネントを実装するためのjsの具体的なコードを参考までに共有し...

DockerHubを自分で構築する方法

先ほど使用したDocker HubはDockerによって提供されています。独自のDockerを構築す...

JavaScript でシンプルなクリスマス ゲームを実装する

目次序文成果を達成するコードCSSコードJSコードHTMLコードデモンストレーションのプロセス序文ク...

データベースの冗長フィールドを合理的に使用する方法

privot は、多対多の関係の中間テーブルです。 PT5 フレームワークは自動的に privot ...

VirtualBox6上のCentOS7で静的IPを設定する方法と注意点

VirtualBox をインストールした後、CentOS 7 をインストールします。ここでは詳細には...

JavaScriptページングコンポーネントの使い方の詳細な説明

ページネーションコンポーネントはWeb開発でよく使われるコンポーネントです。ページネーション機能を実...

非常に便利な CSS 開発ツール 8 つを紹介

CSS3 パターン ギャラリーこの CSS3 パターン ライブラリには、純粋な CSS3 を使用して...

CSS メニューボタンアニメーション

ドロップダウンメニューを書くには、ボタンをクリックします。メニューの入り口はアイコンボタンをクリック...

Linuxカーネルの浮動小数点演算のサポートに関する簡単な説明

現在、ほとんどの CPU は浮動小数点ユニット (FPU) をサポートしています。FPU は、プロセ...

Telnet は Alpine イメージの busybox-extras に移動されました

Alpine イメージの telnet はバージョン 3.7 以降、busybox-extras パ...

入力テキストボックスの長さをコンテンツに応じて変更する方法

初め:コードをコピーコードは次のとおりです。 <input type="text&q...

Tomcat メモリ オーバーフロー問題の解決経験

少し前に、製品バージョンをテスト用にテスターに​​提出したのですが、テスト結果はまったく予想外のもの...

Linux7 ベースの Hadoop のインストールと構成の詳細なグラフィック説明

上記のように材料を準備します(ps: hadoop-3.1.2-srcはhadoop-3.1.2に変...