JavaScript が配列を作成する方法

青灯夜游
リリース: 2023-01-07 11:47:42
オリジナル
6353 人が閲覧しました

配列を作成する Javascript メソッド: 1. 配列リテラル "[]"、構文 "var a=[value list];" を使用します。値リストは空であるか、複数の値を次のように区切ることができます。 "," value; 2. "new Array()" を使用して配列を構築します。構文は "var a=new Array (value list);" です。

JavaScript が配列を作成する方法

このチュートリアルの動作環境: Windows7 システム、JavaScript バージョン 1.8.5、Dell G3 コンピューター。

#JavaScript で配列を作成する 2 つの方法

  • #「配列の直接量」

  • #"Array() 関数"

1. 配列の直接量" [ ]''

1)

[]」を直接使用して変数に値を割り当てることができます。 []” 空にすることもできるので、空の配列を定義します: <div class="code" style="position:relative; padding:0px; margin:0px;"><pre class="brush:php;toolbar:false">var a = []; //空数组</pre><div class="contentsignin">ログイン後にコピー</div></div>配列の長さプロパティを使用して配列の長さを取得すると、戻り値は 0 になります。

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

JavaScript が配列を作成する方法現時点では、形式

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

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

JavaScript が配列を作成する方法配列の添字には数値だけでなくテキスト文字列も使用できます。その場合、配列は連想配列になります

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

JavaScript が配列を作成する方法

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

2)

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

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

var a = [1, 2, 3];  //包含具体元素的数组
ログイン後にコピー
配列の長さ属性を使用して、配列の長さを取得します。戻り値は、特別に定義された配列要素の数です。

JavaScript が配列を作成する方法

2.

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

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

var a = new Array();  //空数组
ログイン後にコピー
配列の長さプロパティを使用して配列の長さを取得すると、戻り値は 0 になります。

JavaScript が配列を作成する方法2)

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

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

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

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

または複数の値を含む配列ギャップ要素はギャップ配列とも呼ばれます。 JavaScript が配列を作成する方法

[推奨学習:

JavaScript 上級チュートリアル

]

以上がJavaScript が配列を作成する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

関連ラベル:
ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート