JS配列と2次元配列に関する知識(非常に使いやすく、値を確認してください)

JSアレイ関連の知識

アレイの関連知識を詳しく説明し、誰もが見て理解できるように表現してみてください。誰もが注意深く見て実際に操作しています。特に理解するのは難しいことではありません。恐れずに見てください。配列。よく理解して練習すれば、配列の知識を上手に習得できると思います。方法はたくさんありますが、時間に限りがあるので、一つ一つは説明しません。それぞれの方法の機能をもっと試して、メモを書いて、後で必要なときに使うことができます。
1.配列の概要:
配列:はデータのセットのコレクションであり、配列の各データは要素と呼ばれます。
配列要素は任意のタイプにすることができます。同じ配列内の異なる要素はオブジェクトまたは配列にすることができます(複数のデータタイプはjsで使用する同じ配列内)
1。各配列には、配列要素の数(配列の長さ)であるlength属性があります。

2.配列内の各要素には、インデックス(添え字)と呼ばれる数値で表される配列内の位置があります。

3.インデックスは0から始まり、[0]は最初のデータを表します。

4.配列の最大インデックスは、常に配列の長さより1小さいです。

5.配列のデータ型はオブジェクトです。これは実際には、数値インデックスと長さ属性が追加された特別なオブジェクトです。
ここに画像の説明を挿入

2.配列の作成方法:配列の長さは、配列name.length = value(number)を使用して変更できます。または、値0を直接割り当てることもできます。これは、配列をクリアすることを意味します。
1.暗黙的に配列を作成する最も一般的な方法(この方法を使用することをお勧めします)
var arr = ["小q"、 "小w"、 "小e"、 "小r"];
2.直接インスタンス化、関数Array()、Array()は、作成された配列の長さを示すために括弧内にパラメーターを与えることができます。
var arr = new Array( "small q"、 "small w"、 "small e"、 "small d");
3.配列を作成し、配列要素に値
割り当て、添え字var arr =を介して割り当てます。new Array();
arr [0] = "small q";
arr [1] = "small w";
arr [2] = "small e";
arr [3] = "small r";

3.配列の変更と追加(配列の添え字を介して追加します。配列の添え字を理解していても、配列で最も重要なことです。インデックスとも呼ばれます)
a。配列内のデータの変更:添え字を直接使用して配列要素を再割り当てします
。:Arr [2] = "Xiaoming";
b。配列内のデータが増加します(添え字が元の配列の長さよりも大きい場合は十分です)

例:var arr = ["small q"、 "small w"、 "small e"、 "small d"];

追加する最初の方法:
arr [4] = "small r";
arr [5] = "small t";
arr [6] = "small y";

追加する2番目の方法:
arr [arr.length] = "small k";
arr [arr.length] = "small y";

4.配列をトラバースする:配列
の値は添え字を介してアクセスされるため、配列要素の値を取得する場合は、配列をトラバースし、対応する添え字を取得して、対応する値を取得します。
例:既存の配列:var arr = ["小q"、 "小w"、 "小e"、 "小d"];

第一種:普通for
(var i = 0; i <4; i ++){ document.write(arr [i] + " "); }


2番目のタイプ:配列の長さを使用するforループ(この時点で配列には4つの要素があるため、arr.length = 4)
for(var i = 0; i <arr.length; i ++){ document.write (arr [i] + " "); }


3番目のタイプ:ループ用に最適化
var len = arr.length;
for(var i = 0; i <len; i ++){ document.write(arr [i] + " "); }


4番目のタイプ:for-inトラバーサル、添え字を使用
。これを使用する人は多く、すべてのトラバーサル方法の効率が最も低くなります(データ量が比較的少ない場合、この方法が適しています)
for(i in arr ){ document.write(arr [i] + " "); }


5番目のタイプ:for-ofトラバーサル(ES6)、データを使用、for-ofトラバーサルはfor-inトラバーサルよりも効率的ですが、通常のforループよりも低くなります
for(value of arr){ document.write(value + "); }


5.配列の例:最大値と最小値を見つけます(配列の添え字をうまく利用している限り、配列、合計、出力の平均を逆の順序で見つけることができますが、これらは非常に実装できます単純に)
コードは次のとおりです。

ここに画像の説明を挿入
6. 2次元配列:実際には、2次元配列も配列ですが、元の1次元配列には単一の要素が含まれ、2次元配列には配列が含まれます。これは、のテーブルに相当します。ネストされた配列の形式。配列。
ここに画像の説明を挿入
1. 2次元配列の確立:
var arr = [[27,54,66]、[62,55,75]、[91,25,36]、];

2次元配列のトラバーサル:
ここに画像の説明を挿入
7。配列で一般的に使用されるメソッド:(マスタリングを強調)
1。配列名.join();パラメーター(区切り文字)は角かっこで囲むことができ、デフォルトはコンマです。書かれていません。
配列要素を文字列に変換すると、元の配列が保持されます。
2. Array.from()は、長さ属性がある限り、疑似配列を配列に変換します。括弧内のパラメーターは、配列に変換する必要のあるパラメーターにすることができます。文字列を渡すなど。
ここに画像の説明を挿入
3.sort()は、配列の要素を(小さいものから大きいものへ)ソートするために使用されます。
使用法:array
name.sort (); 4.pop();メソッドは、配列の最後から最後の項目を削除し、配列の長さの値を減らしてから、削除された要素を返します。これにより、代わりに元の配列が直接変更されます。新しい1つのアレイを作成します。
使用法:array
name.pop (); 5.push()は、配列の最後に1つ以上の要素を追加し、変更された配列の長さ(数値型)を返すために使用されます。これにより、代わりに元の配列が直接変更されます。新しいものを作成する配列。
使用法:array
name.push (); 6.shift()配列の先頭にある最初の項目を削除し、配列の長さの値を減らしてから、削除された要素を返します。これにより、元の配列を作成する代わりに直接変更します。新しい配列。
使用法:array name.shift();
7.unshift()は、配列の先頭に1つ以上の要素を追加し、変更された配列の長さ(数値型)を返すために使用されます。これにより、元の配列が直接変更されます。新しい配列を作成します。
構文:array name.unshift();
8.splice():削除、挿入、置換、およびインターセプト。元の配列を直接変更し
ます。1。削除:任意の数のアイテムを削除できます。2つのパラメーターを指定する必要があります。最初に削除するアイテムの位置と削除する要素の数です。
2.挿入:指定した位置に任意の数のアイテムを挿入できます。少なくとも3つのパラメーターを指定する必要があります:1。開始位置、2。(削除するアイテムの数0)および挿入するアイテム(複数である)。
例:
ここに画像の説明を挿入
9.slice():指定された添え字の配列または文字列要素をインターセプトします。配列と文字列の両方が有効であり、元の配列または文字列は変更されません。
構文:slice(start subscript、end subscript);
end subscriptが指定されていない場合、startsubscriptから配列の終わりまでのすべての要素選択されて
返されます開始インデックスから終了インデックスまでを含む新しい配列または文字列(終了インデックスインデックスを含まない)
負の値を使用して、配列の最後から要素を選択できます(左から右へ)
10.indexOf()指定された要素のインデックスを検索し、前から後ろに検索します。
重複がある場合は、最初に見つかったインデックスを返します。そうでない場合は、-1を返します。
使用法:array name.indexOf();括弧内のパラメーター検索する要素です。
11.lastIndexOf()指定された要素のインデックスを検索し、後ろから前に検索します。
重複している場合は、最初に見つかったインデックスを返します。
そうでない場合は、-1を返します。
使用法:array name.lastIndexOf();ブラケット内部のパラメーター検出される要素です。
12.配列をマージするconcat()メソッドは、2つ以上の配列を接続するために使用されます。
このメソッドは、元の配列を変更せずに、最初に現在の配列のコピーを作成し、新しい配列を返します。
使用法:配列名1.マージ連結(マージする必要のある配列);
12setデータ型の使用
配列に似ていますが、メンバーの値は一意であり、重複する値はありません。
配列を定義します。vararrOne= [5,1,5,2,1,3];

セット1.アレイ
のvar setarr =新しいセット(arrOne);戻り[1,2,3]
2.アレイに
最初の方法:
VAR arrTwo = Array.from(setarr);戻り[1,2,3]
2番目のメソッド:
var arrThree = […setarr]; [1,2,3]を返します

3.has()は、値が
ブール値としてセットに返されるかどうかを判別します。これは、falseでない場合はtrueです。
使用法:セットデータ型変数name.has(判定される値)。

もちろん、ここでの知識は特に包括的ではありませんが、プログラミング言語を学ぶとき、すべての方法を習得する必要はありません。あまり覚えられない方法や知識が多すぎるため、上手くやらなければなりません。現時点でのBaiduの使用。この機能が必要な場合は、対応する知識ポイントを検索します。基盤があるため、非常に理解しやすいです。

おすすめ

転載: blog.csdn.net/m0_46188681/article/details/106073651