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 のその他のコンテンツにも注目していただければ幸いです。 以下もご興味があるかもしれません:
|
<<: MySQLで現在の時間間隔の前日のデータをクエリする
>>: .htaccess を使用して特定の IP からの Web サイトへのアクセスを禁止する方法
この記事では、MySQL ストアド プロシージャの使用方法について説明します。ご参考までに、詳細は以...
<br />何の警告もなく、cnBeta で TOM.COM の Web サイトが再設計...
Docker は本当に素晴らしいです。特に、仮想マシンを使用する場合に比べて、Docker イメージ...
目次ドヴァdvaの使用DVAの実装非同期をサポートルーターの実装成し遂げる:ドヴァdva は、red...
この記事では、マウスでカード内外のコンテンツを切り替えるためのjsの具体的なコードを紹介します。具体...
目次1.ライフサイクルとは何か2. 読み込みプロセス1.コンストラクタ2. レンダリング3. コンポ...
これまでの数年間、私はいわゆる「設計仕様」についてかなりの数の執筆やコンサルティングを行ってきました...
場合によっては、SQL へのデータのエクスポートとインポートを容易にするために、特定のツールを使用し...
Linux で if を使用してディレクトリが存在するかどうかを判断する方法方法は次のとおりです。...
この記事では主に、 list-itemの下にある::master疑似要素、 list-style-i...
解決策はただ一つ、ソースを変更することです。 github からのソースは基本的にタイムアウトするの...
場所表現タイプ~ は大文字と小文字を区別して通常の一致を実行することを示します~*は大文字と小文字を...
入力タグタイプがファイルで、タグ内にaccpet="image/*"属性が設定さ...
テーマ今日は、CSS3 を使用して円形スクロール プログレス バー アニメーションを作成する方法を説...
ここでは、主に小さなプログラムの開発プロセスでよく使われる、非常に実用的な機能ポイントをいくつか整理...