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

推薦する

CSS3アニメーションを使用した簡単な指クリックアニメーションの実装例

この記事では主に、CSS3 アニメーションで簡単な指クリックアニメーションを実装する例を紹介し、皆さ...

Vue プロジェクトで TS (TypeScript) を使用するための入門チュートリアル

目次1. Typescriptの紹介2. 設定ファイル webpack 設定3. プロジェクトに.t...

Javascript での JSBridge に関する予備的研究

目次JSBridgeの起源JSBridgeの双方向通信原理JSはネイティブを呼び出すネイティブコール...

Nginx でアンチホットリンクを設定するための手順を完了する

必要:通常、サイト側は、ウェブサイト上の動画や写真が盗まれるのを防ぎたいと考えています。結局のところ...

MySQL 分離レベルの詳細な説明と例

目次MySQL の 4 つの分離レベルデータ テーブルを作成します。分離レベルの設定物事の分離レベル...

Ubuntu 16.04 で MySQL マスター スレーブ同期を設定する方法

準備1. マスターとスレーブのデータベースのバージョンは一致している必要があります2. マスターデー...

MySQL で重複行を見つけて削除する方法

目次1. 重複行を見つける方法2. 重複行を削除する方法3. 複数の列で重複を見つける方法4. クエ...

MySQL で binlog を使用する際のフォーマットの選択方法

目次1. binlogの3つのモード1.ステートメントレベルモード2. 行レベルモード3. 混合モー...

MySQLトランザクションの特徴と分離レベルについてお話ししましょう

インターネットにはすでにこの種の記事が溢れていますが、私がこれをまだ書いている理由は単純です。それは...

HTMLのリストタグを数える

1. <dl>はリストを定義し、<dt>はリスト内の項目を定義し、<d...

Linux カーネル デバイス ドライバー キャラクタ デバイス ドライバー ノート

/******************** * キャラクターデバイスドライバー**********...

MySQL ストアド プロシージャ (in、out、inout) の詳細な説明

1. はじめにバージョン 5.0 以降でサポートされています。特定の機能を実行するための SQL ス...

CSS 標準: vertical-align プロパティ

<br />原文: http://www.mikkolee.com/13私は最近、ver...

MySQL で乱数を生成し、文字列を連結する方法の例

この記事では、MySQL が乱数を生成し、文字列を連結する方法について例を使用して説明します。ご参考...

MySQL 権限とデータベース設計のケーススタディ

権限とデータベース設計ユーザー管理SQLyogを使用してユーザーを作成し、権限を付与する基本コマンド...