Discussion :

[Orbeaman]

Bonjour,

Je suis en train de migrer des scripts entre Excel / VBA et Google Sheets / Apps Script. Apps Script est une variante de JavaScript, mais il est également possible de coder directement en TypeScript moyennant un module de conversion.

Est-il possible d'implémenter une classe collection sous TypeScript ? (je m'y perds un peu avec les itérateurs et énumérateurs et je n'ai pas l'impression que ça permette de faire ce que je souhaite)

Je souhaiterais implémeter une classe Fields et pouvoir utiliser la syntaxe fields.forEach(field => { ... field.prop1 ... field.prop2 ... }) où fields est une instance de Fields.

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
class Field {
    prop1 : any;
    prop2 : object;
    // ...
}

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
9
class Fields {
    private _fields : Field[];
 
    constructor() {
        m_fields = new Array();
    }
 
    // ...
}

Merci par avance !

[Paleo]

Bonjour, on itère sur les itérables avec une boucle "for of". La méthode "forEach" appartient aux arrays. Les arrays sont aussi des itérables, on peut donc boucler dessus avec "for of" ou via la méthode "forEach", au choix. Mais tous les itérables ne sont pas des arrays.

Si vous souhaitez que votre collection "Fields" fournisse une méthode "forEach", vous pourriez l'implémenter :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
class Fields {
    #fields: Field[] = [];
 
    forEach(cb: (item: Field) => void) {
        for (const item of this.#fields)
            cb(item);
    }
}

Mais, en toute franchise, personne ne fait ça. Dans la mesure où votre "collection" contient juste une array, en JavaScript (et donc en TypeScript) on opte souvent pour la simplicité. Vous pourriez simplement rendre cette array publique :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
class Fields {
    readonly fields: Field[] = [];
}

Ensuite pour itérer dessus :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
const coll = new Fields();
coll.fields.forEach(item => /* do something with 'item.prop1' */)

Ou bien, pour transformer 'Fields' en un itérable tout en conservant la array privée (solution non compatible avec les navigateurs trop anciens) :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
7
8
class Fields {
    #fields: Field[] = [];
 
    *[Symbol.iterator]() {
        for (const item of this.#fields)
            yield item;
    }
}

… et ça s'utilise alors avec "for of" :

Code :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
const coll = new Fields();
for (const item of coll) {
    // Do something with 'item.prop1'
}