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

MyMemoWiki

「JavaScript 組み込みオブジェクト(配列)」の版間の差分

提供: MyMemoWiki
ナビゲーションに移動 検索に移動
 
(同じ利用者による、間の5版が非表示)
1行目: 1行目:
 
==JavaScript 組み込みオブジェクト(配列)==
 
==JavaScript 組み込みオブジェクト(配列)==
[[初めてのJavaScript]] |  
+
[[初めてのJavaScript]] | [[JavaScipt]] | [[TypeScript]] |
 
{{amazon|4873113229}}
 
{{amazon|4873113229}}
 +
 +
*https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array
 
====生成====
 
====生成====
 
*[[JavaScript]]のオブジェクトには対応するリテラルが存在する。配列も例外ではない。
 
*[[JavaScript]]のオブジェクトには対応するリテラルが存在する。配列も例外ではない。
29行目: 31行目:
 
=====splice=====
 
=====splice=====
 
配列への挿入と削除ができる
 
配列への挿入と削除ができる
 +
*https://developer.mozilla.org/ja/docs/Web/JavaScript/Reference/Global_Objects/Array/splice
 
  var na = [1,2,3,4,5,6];
 
  var na = [1,2,3,4,5,6];
 
  var removed = na.splice(3,2,99);
 
  var removed = na.splice(3,2,99);
70行目: 73行目:
 
|-
 
|-
 
|}
 
|}
 +
 +
=====末尾に展開して追加=====
 +
単純に追加
 +
> 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]
  
 
====連想配列====
 
====連想配列====

2020年8月12日 (水) 04:50時点における最新版

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