Javascriptの配列（データ型編）の基本まとめ

Javascriptの配列の基本についてまとめました。

今回はあくまでデータ型のみです。

[ad#top-1]

配列の初期化

配列の初期化は以下の２通りあります。

const array1 = [1, 2, 3, 4];
const array2 = new Array(1, 2, 3, 4);
 

 

配列へのアクセス

const array1 = [1, 2, 3, 4];
console.log(array1[0]);
//出力:1
 

 

要素追加（先頭と末尾）

const array1 = [1, 2, 3, 4];
array1.unshift(100);
array1.push(101);
console.log(array1);
//出力: [100,1,2,3,4,101]
 

 

要素の削除（先頭と末尾）

const array1 = [1, 2, 3, 4];
array1.shift();
array1.pop();
console.log(array1);
//出力: [2,3]

 

要素追加と削除（場所指定）

splice(開始インデックス, 削除する要素数, 挿入する要素….)

//3番目に[5, 6]を追加する場合
const array1 = [1, 2, 3, 4];
array1.splice(2, 0, 5, 6);
console.log(array1);
//出力: [1, 2, 5, 6, 3, 4]
 

 

//２番目から2要素削除する場合
const array1 = [1, 2, 3, 4];
array1.splice(1, 2);
console.log(array1);
//出力: [1, 4]
 

 

//２番目から2要素削除し、且つ[5, 6]を追加する場合
const array1 = [1, 2, 3, 4];
array1.splice(1, 2, 5, 6);
console.log(array1);
//出力: [1, 5, 6, 4]
 

 

forEach

//要素を１個ずつ出力する。
const array1 = [1, 2, 3, 4];
array1.forEach(el => {
  console.log(el);
});
//出力:
//1
//2
//3
//4

//要素Noを添えて１個ずつ出力する。
array1.forEach((el, index) => {
  console.log(index +":"+ el);
});
//出力:
//0:1
//1:2
//2:3
//3:4
//2倍の値の配列を新たに作る（map）
array2 = array1.map(el => {
  return el*2;
});
console.log(array2);
//出力: [2, 4, 6, 8]

//条件にマッチした値の配列を新たに作る（filter）
array3 = array1.filter(el => {
  return el%2==0;
});
console.log(array2);
//出力: [2, 4]
 

 

[ad#ad-1]

 - Java