- 追加された行はこの色です。
- 削除された行はこの色です。
#author("2022-07-18T03:24:04+09:00","","")
#author("2022-07-25T00:28:32+09:00","","")
* Javascript のコレクション操作 [#sbdcf59c]
&color(red){''【要注意】''記載の事項は、基本的に避けるべき内容となります。};
#ls2(Javascript/collection)
** 配列 [#v6da4b8a]
*** 生成 [#j0226685]
let data = new Array(); // (1) 要素数0 の配列生成
let data = []; // (2) (1) と同じ
let data = [ 1, 2, 3 ]; // (3) 要素数3 (値1,2,3) の配列生成
&color(red){''【要注意1】配列のサイズ指定と要素指定の違い''};
let data = new Array(5); // (4) 要素数5 の配列生成 (中身はすべて空)
let data = new Array(5,4) // (5) 要素数2 (値5,4) の配列
&color(red){''【要注意2】空による初期化''};
let data = [,,,]; // (6) 要素数3 の配列生成 (中身はすべて空)
let data = [,,3]; // (7) 要素数3 の配列生成 ([空,空,3])
let data = [,,3,]; // (8) 要素数3 の配列生成 ([空,空,3])
*** 要素の追加 [#q78483ed]
let data = ['A','B','C' ];
data.push('D'); // (1) => ['A', 'B', 'C', 'D' ]
data[4] ='E'; // (2) => ['A', 'B', 'C', 'D', 'E' ]
&color(red){''【要注意1】間を飛ばして追加可能(間に空の要素が追加される)''};
data[6] = 'G'; // (3) => ['A', 'B', 'C', 'D', 'E', 空, 'G' ]
// data.length は、7 となる。
&color(red){''【要注意2】0以上の整数値以外は、プロパティ追加となる''};
data[-1] = 'Z'; // (4) => ['A', 'B', 'C', 'D', 'E', 空, 'G', -1:'Z' ]
// data.length は、7 のままとなる
let data = new Array(5); // 要素数5のそれぞれ中身空の配列 (= [,,,,,])
--- 要素数1、値5の配列を作る場合は、以下 ---
let data = [5];
let data = Array.of(5);
&color(red){''注意2''};
配列は、プロパティを持てる。
let data = [1,2,3]; // [1,2,3] の配列 (data.length = 3)
data[-1] = -1; // [1,2,3] の配列 + -1:-1 のプロパティを持つ
// (data.length = 3)
data[9] = 10; // [1,2,3,(空x6),10] の配列 + -1:-1 のプロパティを持つ
// (data.length = 10)
*** [#j704aeb9]
** オブジェクト [#s4aabf26]
