JS 配列の学習: 1 次元配列と 2 次元配列の作成とアクセス

青灯夜游
リリース: 2021-08-17 12:15:59
オリジナル
2652 人が閲覧しました

前回の記事「JS 配列の学習: すべての要素をクリアする 4 つの方法 (詳細なコードの説明)」では、配列の要素をすべて削除する、つまり配列をクリアする 4 つの方法を説明しました。 JavaScript 配列の学習を続けて、1 次元配列と 2 次元配列の作成とアクセスについて話して、多次元配列の簡単な説明を拡張しましょう。

まず、1 次元配列がどのように作成され、アクセスされるかを見てみましょう。

1 次元配列の作成とアクセス

1 次元配列を作成するには、「配列直接量」と「配列直接量」の 2 つの方法があります。 「

Array() 関数

」。1. 配列直接量 "[]"

1)

[]

」を直接使用して変数に値を割り当てることができます。「[]」を空にすることもでき、空の配列が定義されます:

var a = []; //空数组
ログイン後にコピー

長さを使用します配列プロパティの配列長を取得する場合、戻り値は 0 になります。JS 配列の学習: 1 次元配列と 2 次元配列の作成とアクセス

console.log(a.length);
ログイン後にコピー

現時点では、形式配列名[添字]=値

を使用して、空の配列に値を割り当てることができます。 array

JS 配列の学習: 1 次元配列と 2 次元配列の作成とアクセス

a[0]=1; a[1]="hello";
ログイン後にコピー

配列の添字には数値だけでなくテキスト文字列も使用できます。その場合、配列は連想配列になりますJS 配列の学習: 1 次元配列と 2 次元配列の作成とアクセス

a["姓名"]="张三"; a["年龄"]=23;
ログイン後にコピー

配列の添字値が負の数値、浮動小数点数、ブール値、オブジェクト、その他の値などの範囲を超える場合、JavaScript は自動的にそれを文字列に変換し、それを連想配列として定義します。


2)

配列を直接定義して初期化することもできます

複数の値を「

[]##」に直接含めることもできます#" カンマで区切られたリスト。

var a = [1, 2, 3]; //包含具体元素的数组
ログイン後にコピー

配列の長さ属性を使用して、配列の長さを取得します。戻り値は、特別に定義された配列要素の数です。

JS 配列の学習: 1 次元配列と 2 次元配列の作成とアクセス

2.new Array()を使用して配列を構築します

1)

パラメータを渡さずに Array() 関数を直接呼び出すと、空の配列を作成できます。

var a = new Array(); //空数组
ログイン後にコピー

配列の長さプロパティを使用して配列の長さを取得すると、戻り値は 0 になります。

JS 配列の学習: 1 次元配列と 2 次元配列の作成とアクセス

2)

Array() 関数を呼び出すときに複数の値 (カンマ区切り) を渡すと、実際の配列を作成できます。

var a = new Array(1,2,3);
ログイン後にコピー
3)

Array() 関数を呼び出すときに数値パラメーターが 1 つだけ渡される場合、配列の長さ、つまり含まれる要素の数のみが定義されることを意味します。 ; 配列要素は空であり、各要素のデフォルト値は未定義です。 (配列内の要素の値は定義されていません。構文的には、カンマ 2 つの間に値が存在しない要素をギャップ要素と呼びます)

var a = new Array(3);
ログイン後にコピー
JS 配列の学習: 1 次元配列と 2 次元配列の作成とアクセス

または複数の値を含む配列ギャップ要素はギャップ配列とも呼ばれます。

var a = [1, , 2];
ログイン後にコピー
var a = [1, 2, 3]; delete a[1];
ログイン後にコピー

ギャップ要素を生成してギャップ配列を形成することもできます。

3. 配列へのアクセス

配列へのアクセスとは、配列要素へのアクセスを意味します。形式配列名[添字式]

を使用して、配列へのアクセス、読み取り、書き込みを行うことができます。

注: 添字式は、値が非負の整数である式です。

たとえば、上の例の

delete a[1]
ログイン後にコピー

は、delete キーワードを使用して、配列内の添え字 1 を持つ要素を削除します (つまり、2 番目の要素を削除します)。

また:

var a = []; //空数组 a[0]=1; a[2]="hello";
ログイン後にコピー

は、配列の添字 0 と 2 の要素にそれぞれ値を代入するもので、添字 1 の要素の値が代入されていない場合は、未定義であること。指定した配列要素を出力したい場合は、次の形式を使用することもできます。

console.log(a[0]); //读取第一个元素,返回值为1 console.log(a[1]); //读取第二个元素,返回值为undefined console.log(a[2]); //读取第三个元素,返回值为hello
ログイン後にコピー
JS 配列の学習: 1 次元配列と 2 次元配列の作成とアクセス

2 次元配列の作成とアクセス

JavaScript は 2 次元配列を直接サポートしていませんが、配列要素の値を配列と同じに設定して、2 次元配列の構造をシミュレートできます。

#1. 2 次元配列の定義

2 次元配列の定義方法 1:

var a = []; a[0,0] = 1; a[0,1] = 2; a[1,0] = 3; a[1,1] = 4;
ログイン後にコピー

2 次元配列を定義する方法 2:

var a = [ //定义二维数组 [1.1, 1.2], [2.1, 2.2] ];
ログイン後にコピー

JS 配列の学習: 1 次元配列と 2 次元配列の作成とアクセス

定义二维数组的方法3:

var a = new Array( [1.1, 1.2], [2.1, 2.2]); //定义二维数组
ログイン後にコピー

JS 配列の学習: 1 次元配列と 2 次元配列の作成とアクセス

按照这种思想,如果二维数组中每个元素的值也为数组,则可以模拟三维数组,以此类推,通过数组嵌套的形式可以定义多维数组。

2、访问二维数组

访问二维数组甚至三维数组、多维数组的方法,和访问一维数组的方法一样,都是使用中括号进行访问:

数组名[下标表达式1] [下标表达式2] 数组名[下标表达式1] [下标表达式2] [下标表达式3] ... 数组名[下标表达式1] [下标表达式2] [下标表达式3]...[下标表达式N]
ログイン後にコピー

更高维度的数组以此类推。

好了,就说到这里了,有需要的可以看:javascript高级教程

以上がJS 配列の学習: 1 次元配列と 2 次元配列の作成とアクセスの詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート
私たちについて 免責事項 Sitemap
PHP中国語ウェブサイト:福祉オンライン PHP トレーニング,PHP 学習者の迅速な成長を支援します!