arrayメソッド



アレイ
配列は特別な変数です.
新しい配列を作成するには、次の手順に従います.
const array = new Array();
or
const array = [];
配列にはさまざまな値が含まれます
let array = [
  "John",
  {
    type: "JS",
    age: 36
  },
  true,
  function() {
    console.log('Hello, I am John');
  }
];
console.log(array);
console.log(array[0]);
console.log(array[1].type);
console.log(array[2]);
array[3]();
結果:


foreach ()
forech ()メソッドは、配列の各要素に対して1回ずつ関数を呼び出します.
array ()は値のない配列要素では実行されません.
arr.forEach(function callback(currentValue, index, array) {
    //your iterator
}[, thisArg]);
index, array, thisArg - optional

エクストラ.
const arr = ['a', 'b', 'c'];
arr.forEach(element => console.log(element)); 
//expected output a, b, c

エクストラ.
const numbers = [65, 44, 12, 4];
numbers.forEach(function myFunction(item, index, arr) {
  arr[index] = item * 10;
}) 
console.log(numbers) // 650, 440, 120, 40

push ()
push ()は、配列の最後に新しい項目を追加します.
push ()は配列の長さを変更し、新しい長さを返します.
let arr = [ 1, 2, 3, 4,];
arr.push(5, 6);
console.log(arr);
// result [ 1, 2, 3, 4, 5, 6 ]

unshift ()
unshift ()は配列の先頭に項目を追加します.
let arr = [ 1, 2, 3, 4,];
arr.unshift(5, 6);
console.log(arr);
// result [ 5, 6, 1, 2, 3, 4 ]

shift ()
shift ()は配列の最初の要素を削除します.
let arr = [ 1, 2, 3, 4,];
arr.shift();
console.log(arr);
// result [ 2, 3, 4 ]

pop ()
pop ()は配列の最後の要素を削除します.
let arr = [ 1, 2, 3, 4,];
arr.shift();
console.log(arr);
// result [ 1, 2, 3 ]

splice ()
splice ()は配列要素を追加したり削除したりします.
array.splice(index, howmany, item1, ....., itemX)


concat ()
concat ()は2つ以上の配列を連結します.concat ()は、既存の配列を変更しませんが、結合配列の値を含む新しい配列を返します.
let arr = [ 1, 2, 3,];
let arr1 = arr.concat(10);
console.log(arr1);
// result [ 1, 2, 3, 10 ]

includes() ()
includes()は、配列が与えられた要素を含んでいるかどうかを判断し、TrueまたはFalseを返します.
indexOf ()は指定した項目の配列を検索し、その位置を返します.IndexOf ()は項目が見つからない場合に- 1を返します.
let arr = [ 1, 2, 3, 4, 10, 15];
console.log(arr.indexOf(3));
console.log(arr.includes(15));
// result 2 true

map ()
map ()メソッドは、配列要素ごとに関数を呼び出した結果を持つ新しい配列を作成します.
map ()メソッドは、配列内の各要素に対して、与えられた関数を順番に呼び出します.
map ()は空の要素の関数を実行しません.
map ()は元の配列を変更しません.

エクストラ.
const persons = [
  {firstname : "Malcom", lastname: "Reynolds"},
  {firstname : "Kaylee", lastname: "Frye"},
  {firstname : "Jayne", lastname: "Cobb"}
];
persons.map(function getFullName(item) {
  return [item.firstname,item.lastname].join(" ");
})

filter ()
filter ()メソッドは、すべての配列要素で満たされた配列を作成します.
filter ()は空の配列要素の関数を実行しません.
filter ()は元の配列を変更しません.

エクストラ.
const words = ['spray', 'limit', 'elite', 'exuberant', 'destruction', 'present'];
const result = words.filter(word => word.length > 6);
console.log(result);

reduce ()
reduce ()は配列の各値に対する縮小関数を実行します.
let arr = [ 1, 2, 3, 4, 10, 15];
let sum = arr.reduce((prev, item) => {
    return item + prev
}, 0);
console.log(sum);
// result 35