LoginSignup
2

More than 3 years have passed since last update.

配列の基礎

Last updated at Posted at 2020-08-02

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

配列の作り方

基本的な文法は,var 配列名 = []です

記述例

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

array;

表示例

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

ある要素を表示する方法

配列から,ある要素を表示するためには配列名[順番]です.
<注意>順番は0から数えます!

記述例

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

配列から条件に一致する要素を先頭から1つだけ抽出
配列名.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

Register as a new user and use Qiita more conveniently

  1. You get articles that match your needs
  2. You can efficiently read back useful information
  3. You can use dark theme
What you can do with signing up
2