In diesem Artikel wird erl?utert, wie Sie mit TypeScript die letzten N Elemente aus einem Array extrahieren. Wir besprechen Methoden zur Rückgabe des ursprünglichen Arrays, wenn die Array-L?nge bestimmte Bedingungen erfüllt, andernfalls die Rückgabe der letzten N Elemente des Arrays, und stellen Codebeispiele und Verbesserungen bereit, um Entwicklern dabei zu helfen, Array-Daten flexibler zu verarbeiten.

Problemanalyse

Es gibt einige Probleme mit dem Originalcode:

1. Logischer Fehler: Die Verwendung von || ist falsch (OR)-Operator, um zu bestimmen, ob die Array-L?nge zwischen 2 und 10 liegt. Der && (AND)-Operator sollte verwendet werden, um sicherzustellen, dass die Array-L?nge sowohl gr??er oder gleich 2 als auch kleiner oder gleich 10 ist.
2. Array-Erstellung: Der Code erstellt ein neues Array-Ergebnis, verpackt den eingehenden Namen und Zeitplan in ein Objekt und fügt es in das Array ein. Dies führt dazu, dass die Funktion immer ein Array zurückgibt, das ein Element enth?lt, anstatt das übergebene Array zu bearbeiten.
3. Falsche Anzahl an Slices: Slice(-9) im Originalcode versucht, das 9. Element bis zum letzten Element zurückzugeben, aber die Frage erfordert die Rückgabe der letzten 10 Elemente.

L?sung

Hier ist der korrigierte Code, der ein Array als Eingabe akzeptiert und je nach Array-L?nge unterschiedliche Ergebnisse zurückgibt:

 Schnittstelle ScheduleItem {
  Kurs: String;
  Stunden: Anzahl;
}

Schnittstelle Zeitplan {
  Name: Zeichenfolge;
  Zeitplan: ScheduleItem[];
}

export const SliceData = (dataToSlice: Schedule[], fromLastElement: number = 10): Schedule[] => {

  if (dataToSlice.length >= 2 && dataToSlice.length <p> <strong>Code-Erkl?rung:</strong></p><ol>
<li> <strong>Schnittstellendefinition:</strong> Die Schnittstellen ScheduleItem und Schedule werden für Typanmerkungen definiert, um die Lesbarkeit und Wartbarkeit des Codes zu verbessern.</li>
<li> <strong>Funktionssignatur:</strong> Die Funktion ?sliceData“ akzeptiert zwei Parameter:<ul>
<li> dataToSlice: Array des zu verarbeitenden Zeitplantyps.</li>
<li> fromLastElement: optionaler Parameter, der die Anzahl der letzten zurückgegebenen Elemente angibt, der Standardwert ist 10.</li>
</ul>
</li>
<li> <strong>Bedingte Beurteilung:</strong> Verwenden Sie dataToSlice.length >= 2 && dataToSlice.length </li>
<li> <strong>Array-Slice:</strong> Wenn die Array-L?nge nicht zwischen 2 und 10 liegt, verwenden Sie dataToSlice.slice(-fromLastElement), um die letzten fromLastElement-Elemente des Arrays zurückzugeben. Ein negativer Index in der Methode ?slice()“ bedeutet, dass vom Ende des Arrays aus gez?hlt wird.</li>
</ol><h3> Anwendungsbeispiel</h3><pre class="brush:php;toolbar:false"> const myArr: Schedule[] = [
  { "name": "John", "schedule": [{ "course": "ESL", "hours": 25 }, { "course": "Math", "hours": 50 }, { "course": "History", "hours": 75 }] },
  { "name": "Julia", "schedule": [{ "course": "English", "hours": 20 }, { "course": "Geography", "hours": 35 }, { "course": "Math", "hours": 55 }] },
  { "name": "Adam", "schedule": [{ "course": "Physics", "hours": 15 }, { "course": "Math", "hours": 50 }, { "course": "Chemistry", "hours": 60 }] }
];

const SlicedArray = SliceData(MyArr); // myArr zurückgeben (da die L?nge kleiner oder gleich 10 ist)
console.log(slicedArray);

const longArray: Schedule[] = [
    { "name": "John", "schedule": [{ "course": "ESL", "hours": 25 }, { "course": "Math", "hours": 50 }, { "course": "History", "hours": 75 }] },
    { "name": "Julia", "schedule": [{ "course": "English", "hours": 20 }, { "course": "Geography", "hours": 35 }, { "course": "Math", "hours": 55 }] },
    { "name": "Adam", "schedule": [{ "course": "Physics", "hours": 15 }, { "course": "Math", "hours": 50 }, { "course": "Chemistry", "hours": 60 }] },
    { "name": "John", "schedule": [{ "course": "ESL", "hours": 25 }, { "course": "Math", "hours": 50 }, { "course": "History", "hours": 75 }] },
    { "name": "Julia", "schedule": [{ "course": "English", "hours": 20 }, { "course": "Geography", "hours": 35 }, { "course": "Math", "hours": 55 }] },
    { "name": "Adam", "schedule": [{ "course": "Physics", "hours": 15 }, { "course": "Math", "hours": 50 }, { "course": "Chemistry", "hours": 60 }] },
    { "name": "John", "schedule": [{ "course": "ESL", "hours": 25 }, { "course": "Math", "hours": 50 }, { "course": "History", "hours": 75 }] },
    { "name": "Julia", "schedule": [{ "course": "English", "hours": 20 }, { "course": "Geography", "hours": 35 }, { "course": "Math", "hours": 55 }] },
    { "name": "Adam", "schedule": [{ "course": "Physics", "hours": 15 }, { "course": "Math", "hours": 50 }, { "course": "Chemistry", "hours": 60 }] },
    { "name": "John", "schedule": [{ "course": "ESL", "hours": 25 }, { "course": "Math", "hours": 50 }, { "course": "History", "hours": 75 }] },
    { "name": "Julia", "schedule": [{ "course": "English", "hours": 20 }, { "course": "Geography", "hours": 35 }, { "course": "Math", "hours": 55 }] },
    { "name": "Adam", "schedule": [{ "course": "Physics", "hours": 15 }, { "course": "Math", "hours": 50 }, { "course": "Chemistry", "hours": 60 }] }
];
const SliceLongArray = SliceData(LongArray); // Die letzten 10 Elemente von longArray zurückgeben console.log(slicedLongArray);

const SliceLongArrayCustom = SliceData(LongArray, 5); // Die letzten 5 Elemente von longArray zurückgeben console.log(slicedLongArrayCustom);

Zusammenfassen

Dieser Artikel stellt eine TypeScript-Funktion zum Extrahieren der letzten N Elemente aus einem Array bereit. Durch die Behebung von Logikfehlern im Originalcode und das Hinzufügen von Typanmerkungen und optionalen Parametern wird die Funktion robuster, flexibler und benutzerfreundlicher. Entwickler k?nnen den Parameter fromLastElement entsprechend den tats?chlichen Anforderungen anpassen, um die erforderliche Anzahl letzter Elemente zu erhalten.

Das obige ist der detaillierte Inhalt vonHolen Sie sich die letzten N Elemente aus dem TypeScript-Array. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!