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 サイトへのアクセスを禁止する方法
この記事では、インターフェースのスライド効果を実現するためのVueの具体的なコードを例として紹介しま...
最初のステップは、アイコン作成ソフトウェアを準備することです。まず、いわゆるアイコンは拡張子 .ic...
この記事の例では、スライダー間隔コンポーネントを実装するためのjsの具体的なコードを参考までに共有し...
先ほど使用したDocker HubはDockerによって提供されています。独自のDockerを構築す...
目次序文成果を達成するコードCSSコードJSコードHTMLコードデモンストレーションのプロセス序文ク...
privot は、多対多の関係の中間テーブルです。 PT5 フレームワークは自動的に privot ...
VirtualBox をインストールした後、CentOS 7 をインストールします。ここでは詳細には...
ページネーションコンポーネントはWeb開発でよく使われるコンポーネントです。ページネーション機能を実...
CSS3 パターン ギャラリーこの CSS3 パターン ライブラリには、純粋な CSS3 を使用して...
ドロップダウンメニューを書くには、ボタンをクリックします。メニューの入り口はアイコンボタンをクリック...
現在、ほとんどの CPU は浮動小数点ユニット (FPU) をサポートしています。FPU は、プロセ...
Alpine イメージの telnet はバージョン 3.7 以降、busybox-extras パ...
初め:コードをコピーコードは次のとおりです。 <input type="text&q...
少し前に、製品バージョンをテスト用にテスターに提出したのですが、テスト結果はまったく予想外のもの...
上記のように材料を準備します(ps: hadoop-3.1.2-srcはhadoop-3.1.2に変...