| ページ一覧 | ブログ | twitter |  書式 | 書式(表) |

MyMemoWiki

JavaScript 組み込みオブジェクト(配列)

提供: MyMemoWiki
2020年8月12日 (水) 04:50時点におけるPiroto (トーク | 投稿記録)による版 (→‎末尾に展開して追加)
(差分) ← 古い版 | 最新版 (差分) | 新しい版 → (差分)
ナビゲーションに移動 検索に移動

JavaScript 組み込みオブジェクト(配列)

初めてのJavaScript | JavaScipt | TypeScript |

生成

  • JavaScriptのオブジェクトには対応するリテラルが存在する。配列も例外ではない。
  • 配列はオブジェクトなので、コンストラクタを使用して生成できる。
var ary = new Array('one','two','three');
  • リテラル値でもあるため、コンストラクタを利用しなくても生成できる。
var ary = ['one','two','three'];
  • アクセスには、[]と添え字を利用する
alert(ary[1]);
  • 2次元の配列を生成する
var da = new Array();
var da[0] = new Array('1:1','1:2','1:3');
var da[1] = new Array('2:1','2:2','2:3');

メソッド

length

配列の長さを返す。

alert(ary.length);
splice

配列への挿入と削除ができる

var na = [1,2,3,4,5,6];
var removed = na.splice(3,2,99);
alert(removed); // [4,5]
alert(na);      // [1,2,3,99,6]
slice

配列を切り取り結果をかえす。

alert([1,2,3,4,5,6].slice(2,4)); // [3,4]
concat

配列をつなぐ

alert([1,2,3].concat(['a','b','c'])); //[1, 2, 3, "a", "b", "c"]
reverse

内容を逆順に

alert([1,2,3].reverse()); // [3, 2, 1]
push、pop、shift、unshift

配列を、リストやキューとして利用するためのメソッド

メソッド 内容 戻値
push 配列の最後に要素を追加 実行後の配列の長さ
pop 配列の最後の要素を削除 配列から削除した要素
shift 最初の要素を削除 配列から削除した要素
unshift 配列の最初に要素を追加 実行後の配列の長さ
末尾に展開して追加

単純に追加

> l = [1,2,3,4,5]
> m = [6,7,8]
> l.push(m)
> l
> [1, 2, 3, 4, 5, Array(3)]

末尾に展開して追加 push(...ary)

> l = [1,2,3,4,5]
> m = [6,7,8]
> l.push(...m)
> l
> [1, 2, 3, 4, 5, 6, 7, 8]

連想配列

  • 連想配列には、数字の添え字がない。
  • 通常はObjectオブジェクトを利用して生成する。
var map = new Object();
map["key1"] = "value1";
alert(map["key1"]); // value1
  • ペアを複数指定して、一度に生成することも可能
var map = {"key1":"value1", "key2":"value2", "key3":"value3" };
alert(map["key2"]); // value2