Array innerhalb einer Klasse kleinschreiben

Visual_Prog · 29. Dezember 2022, 11:14

Moin, ich habe in einer Klasse einen Array mit großgeschriebenen Wörtern. Nun möchte ich das Array tolowercase setzen. Habe folgendes Versucht:

HTML-Quellcode

class Wort {
adjektive = ["Dick", "Kalt"];
lowercased = [];
lowercased = adjektive.map(element => element.toLowerCase());
}

Es kommt folgender Fehler:
Uncaught ReferenceError ReferenceError: adjektive is not defined

Gibt es da eine Alternative?

Danke

Marcus Gräfe · 29. Dezember 2022, 14:25

Liegt wohl daran, dass du die Variable wirklich nicht definiert hast. Versuch's mal so:

JavaScript-Quellcode

const adjektive = ["Dick", "Kalt"];
let lowercased = [];

Visual_Prog · 29. Dezember 2022, 15:15

okey, aber wenn ich das so schreibe wie du erscheint folgender Fehler :

The 'const' modifier can only be used in TypeScript files.ts(8009)

Genauso mit dem let:
Unexpected token. A constructor, method, accessor, or property was expected.ts(1068)

Marcus Gräfe · 29. Dezember 2022, 15:38

Liegt vmtl. daran, dass du das ganze in einer Klasse deklarierst. Warum überhaupt?

Mit Klassen habe ich in JS noch nicht gearbeitet.

Visual_Prog · 29. Dezember 2022, 16:27

Ja also es ist so dass die klasse immer wieder neu instanziert wird und da habe ich mir gewünscht, dass sie "von haus aus" die kleingeschriebenen Wörter ausgibt.

Da die Befehle allerdings nicht innerhalb der Klasse compilierbar waren, habe ich die elemente des arrays in einem online formatter kleinschreiben lassen und dann eingefügt.

Funktionieren tut es so, aber das ganze programatisch zu lösen wäre sicher auch schön gewesen

Lg

ISliceUrPanties · 29. Dezember 2022, 18:02

Hallo,
um auf Klasseneigenschaften zuzugreifen, musst du diese mit this ansprechen. Beispiel

HTML-Quellcode

class Word {
adjective = ["Dick", "Kalt"];
lowercased = this.adjective.map(v => v.toLowerCase());
}

Wobei ich persönlich das Ganze ein wenig anders schreiben würde - um es einfacher zu verstehen

HTML-Quellcode

class Word {
constructor() {
this.adjectiveList = ["Dick", "Kalt"];
}
get lowercased() {
return this.adjectiveList.map(v => v.toLowerCase());
}
}

Visual_Prog · 29. Dezember 2022, 20:12

Oh danke, das ist ja mega praktisch so

Array innerhalb einer Klasse kleinschreiben

Array innerhalb einer Klasse kleinschreiben

HTML-Quellcode

JavaScript-Quellcode

HTML-Quellcode

HTML-Quellcode

Ähnliche Themen

3 Benutzer haben hier geschrieben