TIL 6 Javascript-アレイメソッド(Array method)


並べ方はよく使われるものを熟知していますが、よく使われていないものや知っているものは、紛らわしいこともあるので、その都度別の文章を読みます.
しかし、私が理解した方法で整理してから書くと時間にいいと思いますので、別途整理します.
map()map()は、()スキームに従って新しい配列を生成する.元の配列の変化はなく、新しい配列を作成します.
const a = [1,2,3];
const square = n => n * n;
const squared = a.map(square);
console.log(squared); //[1, 4, 9]
indexOf()indexOf()は、あなたが望んでいるプロジェクトがいくつかの要素であることを発見します.
const a = ['아이언맨','마블','영화'];
const index = a.indexOf('아이언맨');
console.log(index); // 0
findIndex()findIndex()配列の値がオブジェクトであるか、配列内で検索するのに必要な項目がいくつかの要素です.
const a = [
  {
    id:1,
    text : '공부',
  },
  {
    id:2,
    text : '휴식'
  }
];
const b = a.findIndex(a => a.id === 2);
console.log(b); //1
find()find()indexOf()とは異なり、findIndex()は何回目ではなく見つかった値を返します.
const a = [
  {
    id:1,
    text : '공부',
  },
  {
    id:2,
    text : '휴식'
  }
];
const b = a.find(a => a.id === 2);
console.log(b); //{id: 2, text: "휴식"}
filter()filter()は、特定の条件を満たす値のみを抽出し、新しい配列を生成する.
元の配列の変化がなく、新しい配列が生成されます.
const a = [1,2,3];
const b = a.filter(a => a !== 1);
console.log(b); //[2, 3]
splice()splice()は、配列から特定のアイテムを削除するために使用されます.
最初のパラメータは、どのインデックスから削除されますか.
2つ目は、インデックスから削除されたインデックスの数を決定することです.splice()は元の配列を変更しました.
const a = [1,2,3];
a.splice(1,1);
console.log(a); //1번째 인덱스(2)부터 1개의 원소 삭제[1,3]
slice()slice()は、配列を切断するために使用される.~から切り欠くと理解すれば簡単です.
最初のパラメータは~から
2番目のパラメータは~より小さいが、インデックスは含まれていない.
元の配列は変更されません.
const a = [1,2,3];
const b = a.slice(0,2);
console.log(a); //[1, 2, 3]
console.log(b);//[1, 2]
shift(), pop()shift()は、第1の要素を配列から抽出して削除する.pop()は、後続の要素を配列から抽出および削除する.shift()およびpop()は、いずれも既存の配列を変更する.
const a = [1,2,3];
const b = a.pop();
console.log(b); //3
console.log(a); //[1, 2]
const a = [1,2,3];
const b = a.shift();
console.log(b); //1
console.log(a); //[2, 3]
unshift(), push()unshift()shift()とは反対に、一番前に新しい要素を追加します.push()は、pop()とは反対に、最後に新しい要素を追加する.unshift()およびpush()は、いずれも既存の配列を変更する.
const a = [2,3];
a.unshift(1);
console.log(a); //[1,2,3]
const a = [4,5];
a.push(6);
console.log(a) // [4,5,6]
concat()concat()は、複数の配列を1つの配列に結合する.元の配置は変更されていません.
const arr1 = [1,2,3];
const arr2 = [4,5,6];
const concated = arr1.concat(arr2);
console.log(concated); //[1, 2, 3, 4, 5, 6]
join()join()配列の値を文字列に結合します.
const arr = [1,2,3,4,5];
console.log(arr.join()); // 1,2,3,4,5
console.log(arr.join(' ')); //1 2 3 4 5 
console.log(arr.join(' ,'));//1, 2, 3, 4, 5
reduce()reduce()は、配列内の各要素に対して所与のreducer関数を実行し、結果値を返す.
理解しやすいように、プラス1~5の例を挙げます.
const number = [1,2,3,4,5];
let sum = number.reduce((plus, current) => {
  console.log(plus,current);
  return plus + current;
},0);
console.log(sum); // 15
const numbers = [1, 2, 3, 4, 5];
let sum2 = numbers.reduce((accumulator, current, index, array) => {
  if (index === array.length - 1) {
    return (accumulator + current) / array.length;
  }
  return accumulator + current; //15
}, 0);

console.log(sum2); // 3
indexは現在処理中の項目がいくつか目であることを指摘し、arrayは自分がnumbersであることを指摘した.
forEach()forEach()は、各配列要素に対して所与の関数を実行する.callback関数をパラメータとします.
const array = ['a', 'b', 'c'];
array.forEach(element => console.log(element));
// "a"
// "b"
// "c"
Reference
  • https://developer.mozilla.org/ko/