angular - Typescript ile döngü kullanarak dinamik olarak dizi oluşturma
Angular2 TypeScript projem için örnek veri oluşturmak amacıyla bir sahte sınıf (mock class) oluşturuyorum. Programlamada hâlâ acemiyim ve TypeScript hakkında mevcut olan bilgilerle zorlanıyorum. Benim sorum:
100 öğe oluşturmak ve bunları bir diziye kaydetmek istiyorum. 100 öğe dinamik olarak oluşturulacak. Kullandığım statik yöntem çok basit, ama bunu dinamik bir şekilde nasıl yapabilirim? Bazı yineleme kodlarıyla bir başlangıç yaptım, ama console.log kodunu en iyi nasıl değiştirebilirim ve yinelemenin çıktısını statik veri olarak nasıl bırakabilirim? Bazı örneklere ihtiyacım var.
mock-names.ts (Statik)
export var NAMES: Name[] = [
{"id": 01, "name": "Tony"},
{"id": 02, "name": "Jake"}
]
mock-names-dynamically.ts (Dinamik olarak)
export var NAMES = [];
for (let i = 1; i < 100; i++) {
console.log(i);
}
name.ts (İsim Sınıfı dosyası)
export class Name {
id: number;
name: string;
}
Cevap #1
Yapmanız gereken tek şey Javascript'te dizinin push fonksiyonunu kullanmaktır.
var NAMES = [];
for (let i = 1; i < 100; i++) {
let newName = {
id:i.toString(),
name:"Tony"
};
NAMES.push(newName);
}
Cevap #2
ES6 Yöntemi:
const getData = () => Array.from(new Array(100), (val, index) => ({
id:index.toString(),
name:"Tony"
};);
