Detaillierte Erklärung der Unterschiede zwischen JS-Arrays „Finden“, „Some“, „Filtern“ und „Reduzieren“

const arrTest = [
    { ID: 1, Name: "a" },
    { ID: 2, Name: "b" },
    { ID: 3, Name: "b" },
    { ID: 4, Name: "c" }
]

// Filterbedingungsfunktion getName(val) {
    return arrTest => arrTest.name === Wert
}

// Wenn wir die ersten Daten finden möchten, die die Bedingungen erfüllen, sollten wir „Array.find“ verwenden.
console.log(arrTest.find(getName("b")))
// { ID: 2, Name: "b" }

const arrTest = [
    { id: 1, name: "a", status: "wird geladen" },
    { ID: 2, Name: "b", Status: "wird geladen" },
    { ID: 3, Name: "b", Status: "Erfolg" }
]

// Filterbedingungsfunktion getStatus(val) {
    return arrTest => arrTest.status === Wert
}

// Wenn wir herausfinden müssen, ob bestimmte Daten in einem Array vorhanden sind, verwenden Sie Array.some, um das Ergebnis direkt zu erhalten console.log(arrTest.some(getStatus("success")))
// WAHR

const arrTest = [
    { id: 1, name: "a", status: "wird geladen" },
    { ID: 2, Name: "b", Status: "wird geladen" },
    { ID: 3, Name: "b", Status: "Erfolg" }
]

// Filterbedingungsfunktion getStatus(val) {
    return arrTest => arrTest.status === Wert
}

 
// Wenn wir alle Daten herausfiltern müssen, die die Bedingungen in einem Array erfüllen, sollten wir Array.filter verwenden
Konsole.log(arrTest.filter(getStatus("wird geladen")))
// [
// { id: 1, name: "a", status: "wird geladen" },
// { id: 2, name: "b", status: "wird geladen" }
// ]

const arrTest = [
    { id: 1, status: "wird geladen" },
    { id: 2, status: "wird geladen" },
    { id: 3, status: "erfolgreich" }
]

konsole.log(
    arrTest.reduce((acc, Zeichen) => {
        return character.status === "wird geladen"
            ? acc.concat(
                  Objekt.assign({}, Zeichen, { Farbe: "info" })
              )
            : gem.
    }, [])
)
// [
// { id: 1, status: "wird geladen", farbe: "info" },
// { id: 2, status: "wird geladen", farbe: "info" }
// ]

// Array.map und Array.filter kombiniert console.log(
    arrTest
        .filter(Zeichen => Zeichen.status === "wird geladen")
        .map(Zeichen =>
            Objekt.assign({}, Zeichen, { Farbe: "info" })
        )
)
// [
// { id: 1, status: "wird geladen", farbe: "info" },
// { id: 2, status: "wird geladen", farbe: "info" }
// ]