配列の基礎

配列についてまとめます．

#配列の作り方
基本的な文法は，var 配列名　= []です
###記述例

const array=[1,2,3,4,5,6]

array;

###表示例

[1,2,3,4,5,6]

#ある要素を表示する方法
配列から，ある要素を表示するためには配列名[順番]です．
<注意>順番は０から数えます！
###記述例

const array=[1,2,3,4,5,6]

array[0];
array[1];
array[2];
array[3];
array[4];
array[5];

###表示例

1
2
3
4
5
6

#配列の要素の更新・追加・削除
####更新
更新するためには，配列名[順番]=更新させた要素
####追加
追加するためには，
　①配列の末尾に追加する場合，配列名.push(追加する要素)

const array=[1,2,3,4,5,6];
array.push(7);
array;

###表示例
[1,2,3,4,5,6,7]

　②配列の先頭に追加する場合，配列名.unshift(追加する要素)

const array = [1,2,3,4,5,6];
array.unshift(0);

###表示例
[0,1,2,3,4,5,6]

　③配列の指定した場所に追加する場合，配列名.splice(開始位置，削除する要素の開始位置からの個数，追加する要素)

const array=[1,2,3,4,5,6];
array.splice(2,0,2.5);
array;

###表示例
[1,2,2.5,3,4,5,6]

####削除
削除するためには，
　①配列の末尾の要素を削除する場合，配列名.pop()

const array = [1,2,3,4,5],6;
array.pop();
array;

###表示例
[1,2,3,4,5]

　②配列の先頭の要素を削除する場合，配列名.shift

const array = [1,2,3,4,5,6];
array.shift();

###表示例
[2,3,4,5,6]

#map
既存の配列を使って新たな配列を形成．
配列名.map(function(任意の配列要素名){return 処理});

const numbers=[1,2,3,4,5,6];
const doubledNumbers = numbers.map(function(number){
	return number*2
})
doubledNumbers;

###表示例
[2,4,6,8,10,12]
#filter
配列から任意の条件を満たした要素を抽出して新たな配列を形成
配列名.filter(function(任意の配列要素名){return 処理});

const numbers=[1,2,3,4,5,6];
const evenNumbers = numbers.filter(function(number){
	return number%2===0;
})
evenNumbers;

###表示例
[2,4,6]

#find
配列から条件に一致する要素を先頭から１つだけ抽出
配列名.find(function(要素名){return 処理})

const members=[
  {name:'Takeshi', age:18},
  {name:'Ryo', age:13},
  {name:'Nanami', age:28}
];
const nanami = members.find(function(member){
	return member.age===28;
})
nanami;

###表示例
{"name":"Nanami","age":28}

#someとevery
配列のすべての要素が条件を満たすかどうか（True/False）を調べたい時はveryで、少なくとも1つが条件を満たすかどうか（True/False）を調べたい時はsomeを使う。

const members=[
  {name:'Takeshi', age:18},
  {name:'Ryo', age:13},
  {name:'Nanami', age:28}
];

const everyOver20 = members.every(function(member){
	return member.age>=20;
});
everyOver20;

const someOver20 = members.some(function(member){
	return member.age>=20;
});
someOver20;

###表示例
False
True

#reduce

#参考
MDM web docs
Syncer