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

推薦する

CSS マージンの重複と解決策の探索の詳細な説明

最近、CSS 関連の知識ポイントをいくつか見直し、CSS における典型的なマージンの重なりの問題を整...

js を使用してファイルが UTF-8 でエンコードされているかどうかを判断する方法

従来の解決策FileReader を使用して UTF-8 形式のファイルを読み取り、ファイルの内容に...

mysql-8.0.15-winx64 解凍バージョンのインストールチュートリアルと終了する 3 つの方法

1.公式サイトからダウンロードして解凍する参考: 2. 環境変数を設定するMYSQL_HOMEをMy...

MySQL データベース監視ソフトウェア lepus の使用上の問題と解決策

lepus3.7 を使用して MySQL データベースを監視中に、次の問題が発生しました。このブログ...

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

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

シンプルなjQuery + CSSを使用してカスタムタグタイトルツールチップを作成します

導入シンプルな jQuery + CSS を使用して、ブラウザのデフォルトの動作を置き換えるカスタム...

MySQL 5.7 生成列の使用例の分析

この記事では、例を使用して、MySQL 5.7 で生成された列の使用方法を説明します。ご参考までに、...

Vueリストデータを削除した後、ページを自動的に更新する方法と更新方法の詳細な説明

問題の説明:フロントエンドがデータの一部を削除したり、新しいデータを追加したりすると、バックエンドの...

企業サイトとコラム辞典 中国語と英語の比較 中国語と英語のバイリンガル企業サイトを作る仲間は

名前キャラクター名前キャラクター情報ニューステクノロジー技術スキンケアスキンケア補う補う香水香水化粧...

Docker Gitlab+Jenkins+Harborは永続的なプラットフォーム運用を構築します

CI/CD の概要CIワークフロー設計Gitコードバージョン管理システムはコマンドラインでのみ管理で...

Docker を使用して静的 Web サイト アプリケーションを作成する (複数の方法)

静的ウェブサイトをホストできるサーバーは数多くあります。この記事では、nginx、apache、to...

MySQLの分離レベルとロックメカニズムの詳細な説明

目次簡単な説明: 1. 取引の4つの特徴2. 複数の同時トランザクションによって発生する問題3. ト...

MySQL 8.0.11 の新機能の紹介

MySQL 8.0 for Windows v8.0.11 公式無料バージョン 64 ビット1. デ...

グリッドはページのレイアウトプランです

<br /> 英語原文: http://desktoppub.about.com/od/...

ログインフォームを実装するためのJavaScript

この記事の例では、ログインフォームを実装するためのJavaScriptの具体的なコードを参考までに共...