js配列のfind、some、filter、reduceの違いの詳細な説明

定数arrTest = [
    { id: 1、名前: "a" },
    { id: 2、名前: "b" },
    { id: 3、名前: "b" },
    { id: 4、名前: "c" }
]

// フィルター条件関数 getName(val) {
    arrTest => arrTest.name === val を返します
}

// 条件を満たす最初のデータを見つけたい場合は、`Array.find` を使用する必要があります
console.log(arrTest.find(getName("b")))
// { id: 2、名前: "b" }

定数arrTest = [
    { id: 1、名前: "a"、ステータス: "読み込み中" }、
    { id: 2、名前: "b"、ステータス: "読み込み中" }、
    { id: 3、名前: "b"、ステータス: "成功" }
]

// フィルター条件関数 getStatus(val) {
    arrTest => arrTest.status === val を返します
}

// 配列内に特定のデータが存在するかどうかを確認する必要がある場合は、Array.some を使用して結果を直接取得します console.log(arrTest.some(getStatus("success")))
// 真実

定数arrTest = [
    { id: 1、名前: "a"、ステータス: "読み込み中" }、
    { id: 2、名前: "b"、ステータス: "読み込み中" }、
    { id: 3、名前: "b"、ステータス: "成功" }
]

// フィルター条件関数 getStatus(val) {
    arrTest => arrTest.status === val を返します
}

 
// 配列内の条件を満たすすべてのデータをフィルタリングする必要がある場合は、Array.filter を使用する必要があります。
console.log(arrTest.filter(getStatus("ロード中")))
// [
// { id: 1、名前: "a"、ステータス: "ロード中" },
// { id: 2、名前: "b"、ステータス: "ロード中" }
// ]

定数arrTest = [
    { id: 1、ステータス: "読み込み中" },
    { id: 2、ステータス: "読み込み中" }、
    { id: 3、ステータス: "成功" }
]

コンソール.log(
    arrTest.reduce((acc, 文字) => {
        戻り値: character.status === "loading"
            ? acc.concat(
                  オブジェクト.assign({}, 文字, { 色: "info" })
              ）
            : acc
    }, [])
）
// [
// { id: 1、ステータス: "読み込み中"、色: "情報" },
// { id: 2、ステータス: "読み込み中"、色: "情報" }
// ]

// Array.map と Array.filter を組み合わせた console.log(
    arrテスト
        .filter(character => character.status === "読み込み中")
        .map(文字 =>
            オブジェクト.assign({}, 文字, { 色: "info" })
        ）
）
// [
// { id: 1、ステータス: "読み込み中"、色: "情報" },
// { id: 2、ステータス: "読み込み中"、色: "情報" }
// ]