ホームページ ウェブフロントエンド jsチュートリアル Javascript配列学習ノートを整理する_JavaScriptスキル

Javascript配列学習ノートを整理する_JavaScriptスキル

May 16, 2016 pm 03:28 PM
javascript 配列

1. 配列とは
配列は値のコレクションであり、各値には 0 から始まるインデックス番号があり、各インデックスには対応する値があり、必要に応じて値を追加します。

 <script type="text/javascript">
  var myarr=new Array(); //定义数组
  myarr[0]=80; 
  myarr[1]=60;
  myarr[2]=99;
  document.write("第一个人的成绩是:"+myarr[0]);
  document.write("第二个人的成绩是:"+myarr[1]);
  document.write("第三个人的成绩是:"+myarr[2]);
 </script>
ログイン後にコピー

2. グループを作成し、名前を付けます (配列の作成方法)
配列を使用する前に、まず配列を作成し、配列自体を変数に割り当てる必要があります。
配列の作成構文:

var myarray=new Array();//语句是创建一个新数组存储在myarray变量中
var myarray保存数组的变量
new Array();创建一个新的空数组
ログイン後にコピー

配列を作成するときに配列の長さも指定でき、長さは任意に指定できます。

コードをコピーします コードは次のとおりです。
var myarray= new Array(8) // 配列を作成し、 8個のデータを保存します。

注:
1) 作成された新しい配列は、値のない空の配列です。出力すると、未定義と表示されます。
2) 配列の作成時に長さを指定しますが、配列は実際には可変長であるため、長さが 8 に指定された場合でも、指定された長さを超えて要素を格納できることになります。

3. 配列の割り当て
ステップ 1: バスを形成する
ステップ 2: チケット番号に従って席に着きます
バスの1番の座席は張三です
バスの2番の座席はLi Siです
配列式:
ステップ 1: 配列を作成します var myarr=new Array(); ステップ 2: 配列
に値を代入する myarr[1]="張三";
myarr[2]="李思";
5 人の数学のスコアを保存する配列を作成します:

var myarray=new Array(); //创建一个新的空数组
myarray[0]=66; //存储第1个人的成绩
myarray[1]=80; //存储第2个人的成绩
myarray[2]=90; //存储第3个人的成绩
myarray[3]=77; //存储第4个人的成绩
myarray[4]=59; //存储第5个人的成绩
ログイン後にコピー

注: 配列内の各値には、0 から始まるインデックス番号があります。 最初の方法:

コードをコピー コードは次のとおりです。
var myarray = new Array(66,80,90,77,59) );// 配列の作成と値の代入を同時に行う
2 番目の方法:

コードをコピー コードは次のとおりです。
var myarray = new Array[66,80,90,77,59] ];/ /配列(リテラル配列といいます)を直接入力します

4. 配列 に新しい要素を追加します。 次の未使用のインデックスを使用するだけで、いつでも新しい要素を配列に追加できます。
myarray[5]=88; //新しいインデックスを使用して配列に新しい要素を追加します

5. 配列要素を使用します 配列要素の値を取得するには、配列変数を参照し、
のようにインデックスを指定するだけです。 一人目のスコア表現方法:myarray[0]
第三者のスコア表現方法:myarray[2]

<script language="javascript">
 var myarr=new Array();
  myarr[0]="小红";
  myarr[1]="小明";
  myarr[2]="小亮";
  myarr[3]="小川";
  document.write("第二人的姓名是:"+ myarr[1] );
</script>
ログイン後にコピー

6. メンバー数(配列属性の長さ)を理解する
Length 属性は、配列の長さ、つまり配列内の要素の数を表します。

コードをコピーします コードは次のとおりです。
myarray.length; // 配列の長さを取得します。 myarray
注: 配列のインデックスは常に 0 から始まるため、配列の上限と下限はそれぞれ 0 と length-1 になります。たとえば、配列の長さが 5 の場合、配列の上限と下限はそれぞれ 0 と 4 になります。

 var arr=[55,32,5,90,60,98,76,54];//包含8个数值的数组arr 
 document.write(arr.length); //显示数组长度8
 document.write(arr[7]); //显示第8个元素的值54
ログイン後にコピー
同時に、JavaScript 配列の長さプロパティは可変であるため、特別な注意が必要です。

arr.length=10; //增大数组的长度
document.write(arr.length); //数组长度已经变为10
ログイン後にコピー
要素の数が増加すると、配列の長さも次のように変化します。


var arr=[98,76,54,56,76]; // 包含5个数值的数组
document.write(arr.length); //显示数组的长度5
arr[15]=34; //增加元素,使用索引为15,赋值为34
alert(arr.length); //显示数组的长度16
ログイン後にコピー

7. 2 次元配列 私たちは 1 次元配列をボックスのセットとして考えます。各ボックスには 1 つのコンテンツしか保持できません。
1 次元配列の表現: myarray[ ]
私たちは 2 次元配列をボックスのセットとして考えますが、各ボックスに複数のボックスを含めることもできます。
2 次元配列の表現: myarray[ ][ ]
注: 2 次元配列の 2 次元のインデックス値も 0 から始まり、2 次元の最後のインデックス値は length-1 になります。

1). 2次元配列の定義方法1

var myarr=new Array(); //先声明一维 
for(var i=0;i<2;i++){ //一维长度为2
  myarr[i]=new Array(); //再声明二维 
  for(var j=0;j<3;j++){ //二维长度为3
   myarr[i][j]=i+j; // 赋值,每个数组元素的值为i+j
  }
 }
ログイン後にコピー

2). 2次元配列の定義方法2

コードをコピー コードは次のとおりです:
var Myarr = [[0 , 1 , 2 ],[1 , 2、3、]]

3) 課題
コードをコピー コードは次のとおりです。
myarr[0][1]=5; //値を渡します。の 5 を配列に入力し、元の値を上書きします。

説明: myarr[0][1]、0 はテーブルの行を表し、1 はテーブルの列を表します。

上記はすべて Javascript 配列に関するもので、気に入っていただければ幸いです。

このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。

ホットAIツール

Undresser.AI Undress

Undresser.AI Undress

リアルなヌード写真を作成する AI 搭載アプリ

AI Clothes Remover

AI Clothes Remover

写真から衣服を削除するオンライン AI ツール。

Undress AI Tool

Undress AI Tool

脱衣画像を無料で

Clothoff.io

Clothoff.io

AI衣類リムーバー

Video Face Swap

Video Face Swap

完全無料の AI 顔交換ツールを使用して、あらゆるビデオの顔を簡単に交換できます。

ホットツール

メモ帳++7.3.1

メモ帳++7.3.1

使いやすく無料のコードエディター

SublimeText3 中国語版

SublimeText3 中国語版

中国語版、とても使いやすい

ゼンドスタジオ 13.0.1

ゼンドスタジオ 13.0.1

強力な PHP 統合開発環境

ドリームウィーバー CS6

ドリームウィーバー CS6

ビジュアル Web 開発ツール

SublimeText3 Mac版

SublimeText3 Mac版

神レベルのコード編集ソフト(SublimeText3)

foreach ループを使用して PHP 配列から重複要素を削除するにはどうすればよいですか? foreach ループを使用して PHP 配列から重複要素を削除するにはどうすればよいですか? Apr 27, 2024 am 11:33 AM

foreach ループを使用して PHP 配列から重複要素を削除する方法は次のとおりです。配列を走査し、要素がすでに存在し、現在の位置が最初に出現しない場合は、要素を削除します。たとえば、データベース クエリの結果に重複レコードがある場合、このメソッドを使用してそれらを削除し、重複レコードのない結果を取得できます。

PHP 配列ディープ コピーの技術: さまざまな方法を使用して完璧なコピーを実現する PHP 配列ディープ コピーの技術: さまざまな方法を使用して完璧なコピーを実現する May 01, 2024 pm 12:30 PM

PHP で配列をディープ コピーする方法には、json_decode と json_encode を使用した JSON エンコードとデコードが含まれます。 array_map と clone を使用して、キーと値のディープ コピーを作成します。シリアル化と逆シリアル化には、serialize と unserialize を使用します。

PHP 配列キー値の反転: さまざまな方法のパフォーマンス比較分析 PHP 配列キー値の反転: さまざまな方法のパフォーマンス比較分析 May 03, 2024 pm 09:03 PM

PHP の配列キー値の反転メソッドのパフォーマンスを比較すると、array_flip() 関数は、大規模な配列 (100 万要素以上) では for ループよりもパフォーマンスが良く、所要時間が短いことがわかります。キー値を手動で反転する for ループ方式は、比較的長い時間がかかります。

データソートにおけるPHP配列グループ化機能の応用 データソートにおけるPHP配列グループ化機能の応用 May 04, 2024 pm 01:03 PM

PHP の array_group_by 関数は、キーまたはクロージャ関数に基づいて配列内の要素をグループ化し、キーがグループ名、値がグループに属する要素の配列である連想配列を返すことができます。

PHP 配列のディープ コピーのベスト プラクティス: 効率的な方法を発見する PHP 配列のディープ コピーのベスト プラクティス: 効率的な方法を発見する Apr 30, 2024 pm 03:42 PM

PHP で配列のディープ コピーを実行するためのベスト プラクティスは、 json_decode(json_encode($arr)) を使用して配列を JSON 文字列に変換し、それから配列に戻すことです。 unserialize(serialize($arr)) を使用して配列を文字列にシリアル化し、それを新しい配列に逆シリアル化します。 RecursiveIteratorIterator を使用して、多次元配列を再帰的に走査します。

PHP 配列の多次元ソートの実践: 単純なシナリオから複雑なシナリオまで PHP 配列の多次元ソートの実践: 単純なシナリオから複雑なシナリオまで Apr 29, 2024 pm 09:12 PM

多次元配列のソートは、単一列のソートとネストされたソートに分類できます。単一列のソートでは、array_multisort() 関数を使用して列ごとにソートできますが、ネストされたソートでは、配列を走査してソートするための再帰関数が必要です。具体的な例としては、製品名による並べ替えや、売上数量や価格による化合物の並べ替えなどがあります。

重複要素の検索における PHP 配列グループ化関数の役割 重複要素の検索における PHP 配列グループ化関数の役割 May 05, 2024 am 09:21 AM

PHP の array_group() 関数を使用すると、指定したキーで配列をグループ化し、重複する要素を見つけることができます。この関数は次の手順で動作します。 key_callback を使用してグループ化キーを指定します。必要に応じて、value_callback を使用してグループ化値を決定します。グループ化された要素をカウントし、重複を特定します。したがって、array_group() 関数は、重複する要素を見つけて処理するのに非常に役立ちます。

PHP 配列のマージおよび重複排除アルゴリズム: 並列ソリューション PHP 配列のマージおよび重複排除アルゴリズム: 並列ソリューション Apr 18, 2024 pm 02:30 PM

PHP 配列のマージおよび重複排除アルゴリズムは、元の配列を小さなブロックに分割して並列処理する並列ソリューションを提供し、メイン プロセスは重複排除するブロックの結果をマージします。アルゴリズムのステップ: 元の配列を均等に割り当てられた小さなブロックに分割します。重複排除のために各ブロックを並行して処理します。ブロックの結果をマージし、再度重複排除します。

See all articles