JavaScript類似関数の比較


1. map, filter, reduce


1) map

  • 配列の各項目を処理し、
  • を再配列する.
    const array = [1, 2, 3, 4, 5]
    const mapArray = array.map(item => item * 2)
    
    console.log(mapArray)
    // [2, 4, 6, 8, 10]

    2) filter

  • に並ぶものが一定の条件に合致することを確保し、条件に合致するものだけを並べ替える.
  • const array=[1, 2, 3, 4, 5]
    const filterArray=array.filter(item => item % 2 === 0)
    
    console.log(filterArray)
    // [2, 4]

    3) reduce

  • に並べられたものを処理し、1つの値しか残っていない.
  • 例えば、並べられた項目を全部合わせるといくらになりますか?
  • const array=[1, 2, 3, 4, 5]
    const reduceArray=array.reduce((a, b) => a + b)
    
    console.log(reduceArray)
    // 15

    2. slice, splice


    1) slice


    配列の一部を抽出する関数
  • アレイ.splice(開始インデックス、終了インデックス)
  • const array = [1, 2, 3, 4, 5]
    const sliceArray = array.slice(2, 4)
    
    console.log(array)
    // [1, 2, 3, 4, 5]
    console.log(sliceArray)
    // [3, 4] 인덱스 2부터 인덱스 4 이전까지 추출하니까 3,4
  • の特徴は、元の配列に触れないことです.
  • 2) splice


    配列内のいくつかのアイテムの関数を削除および追加できます.
  • パッチ(開始インデックス、削除数、追加するアイテム)
  • を追加するアイテムはオプションです.
  • const array = [1, 2, 3, 4, 5]
    const spliceArray = array.splice(1, 2, 7, 8)
    
    console.log(array)
    // [1, 7, 8, 4, 5]
    console.log(spliceArray)
    // [2, 3]
  • フィーチャーは、ソースアレイ自体を変更します.
  • 3. push, pop, unshift, shift


    1) push, pop


    push は、
  • 配列の末尾に値を追加する.
    pop
  • 配列末尾の値
  • を削除する

    2) unshift, shift

  • アレイの前面に値を追加するunshift
  • shift
  • アレイの一番前の値を除去

    3)を参照


    push、popは
  • unshift、shiftより使いやすいです.
  • は、配列の末尾に値を追加および削除することは、他のアイテムに影響を与えないためです.
  • ですが、一番前に値を追加したり削除したりしないでください.他のアイテムは前または後ろに1つずつ移動する必要があります.