JavaScript Split funktioniert nicht bei Russisch?

Ich bin gerade dabei einen Sprachenerkenner zu programmieren und mir ist aufgefallen das bei dem Split von zum Beispiel russischen Buchstaben ein Fehler auftritt. Vor dem Split = а́а́ nach dem Split ['а', '́ ', 'а', '́ ']. Was kann ich tun?

2 Antworten

BeamerBen

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren

14.11.2022, 13:24

Ja, ist leider n Problem in js, es gibt dafür wohl eine library names grapheme splitter oder so ähnlich oder du nutzt new Intl.Segmenter() was genau das macht was du suchst, allerdings ist das wiederum in Firefox nicht supported.

Grapheme wird denk ich auch das Keyword sein nach dem du suchst, danach musst du splitten wenn du so was haben möchtest.

Text ist leider nicht immer so Simpel wie man denkt, manche emojis bestehen technisch gesehen z.B. auch aus mehreren einzelnen emojis die mit unsichtbaren Zeichen zusammengefügt werden. Z.B. 🏳️‍🌈 besteht aus 🏳️🏳️‍🌈 (und wird so auch angezeigt sollte deine Platform das 🏳️‍🌈 nicht supporten). Bei á ist das natürlich etwas anders, aber ich denke so was veranschaulicht gut, dass Text splitten komplizierter ist bzw. sein kann als es aussieht.

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/Intl/Segmenter/Segmenter

Woher ich das weiß:Berufserfahrung – Software Entwickler / Devops

Lenzer66u

Beitragsersteller

14.11.2022, 13:41

Ich habe jetzt versucht es in PHP u lösen aber da funktioniert selbst der Count also die Anzahl der Länge des Strings nicht da ist zum Beispiel count("а́а́а́") = 12.

BeamerBen

14.11.2022, 14:03

@Lenzer66u

Über die erwähnte Lib und das Intl.Segmenter Objekt würde es ja funktionieren - brauchst halt entweder ne externe lib oder musst eben damit leben, keinen FF support zu haben.

Für die meisten Sprachen gibt es für diesen Zweck eben Libraries. PHP würde ich generell nicht nehmen, aber das ist ne persönliche Einstellung.

elmex7

14.11.2022, 19:28

@Lenzer66u

Zu PHP: count() ist da auch falsch. Nutze strlen bzw besser noch mb_strlen und zum Teilen z.B. mb_split

Lenzer66u

Beitragsersteller

14.11.2022, 19:31

@elmex7

hab alle 3 versucht. Funktioniert keines richtig wie es soll

elmex7

14.11.2022, 21:57

@Lenzer66u

Poste doch mal den verwendeten String und Code dazu, dann können wir uns das ja mal genauer anschauen

BeamerBen

14.11.2022, 23:52

@elmex7

euch ist beiden klar, dass ich in der Antwort eine Lib genannt habe die das löst oder? https://github.com/orling/grapheme-splitter

Warum ihr da mit PHP rum machen wollt ist absolut unverständlich, das behavior habt ihr bei den meisten modernen Programmiersprachen, das ist alles völlig normal.

Puh.

Von Experte BeamerBen bestätigt

Destranix

Von gutefrage auf Grund seines Wissens auf einem Fachgebiet ausgezeichneter Nutzer

programmieren, Programmieren & Softwareentwicklung

14.11.2022, 10:44

Siehe die Warning hier:

https://developer.mozilla.org/en-US/docs/Web/JavaScript/Reference/Global_Objects/String/split

Warning: When the empty string (

""

) is used as a separator, the string is not split by user-perceived characters (grapheme clusters) or unicode characters (codepoints), but by UTF-16 codeunits. This destroys surrogate pairs. See "How do you get a string to a character array in JavaScript?" on StackOverflow.

Entsprechend musst du anders vorgehen, wenn du die surrogate pairs erhalten möchtest:

https://stackoverflow.com/questions/4547609/how-to-get-character-array-from-a-string/34717402#34717402

Lenzer66u

Beitragsersteller

14.11.2022, 11:03

ich bekomm es leider nicht hin ein kleines Beispiel würde sehr helfen.

Destranix

14.11.2022, 11:06

@Lenzer66u

const split = Array.from('а́а́');

Lenzer66u

Beitragsersteller

14.11.2022, 11:17

@Destranix

???

Destranix

14.11.2022, 11:22

@Lenzer66u

Hm, stimmt, geht bei mir auch nicht. So ein Mist.

ich schaue da gleich noch einmal genauer nach.

Lenzer66u

Beitragsersteller

14.11.2022, 11:23

@Destranix

ok danke xD

Destranix

14.11.2022, 11:29

@Lenzer66u

Ah okay, das

́

gehört nicht zum eigentlichem Character, sondern ist ein extra Zeichen, deshalb wird das auch extra ausgegeben.

Lenzer66u

Beitragsersteller

14.11.2022, 11:33

@Destranix

ja aber wie umgehe ich das? Das der aus а́ nicht 'а', '́ ' macht?

Destranix

14.11.2022, 11:35

@Lenzer66u

Garnicht. Das soll so.

Sonst muss du das "Apostroph" weglassen.

Lenzer66u

Beitragsersteller

14.11.2022, 11:43

@Destranix

muss ich aber irgendwie xD

Destranix

14.11.2022, 11:44

@Lenzer66u

Wieso, was ist dein Anwendungsfall?

Lenzer66u

Beitragsersteller

14.11.2022, 11:52

@Destranix

Ich bin dabei einen Sprachenerkenner zu programmieren. Ich gebe mehrere Texte mit der dazugehörigen Sprache zum Lernen ein und danach einen Text der analysiert werden soll. Das hat auch mit deutsch und englisch alles geklappt nur jetzt halt mit diesen besonderen Zeichen wie zum Beispiel "а́" bei russisch funktioniert es nicht mehr wegen dem Splitting der besonderen Zeichen.

Destranix

14.11.2022, 11:53

@Lenzer66u

Dann solltest du deinen Spracherkenner so umschreiben dass er auch mit Zeichen klarkommt, die mit mehr als einem Zeichen codiert werden. Kommt in anderen Sprachen noch häufiger vor als im russischem.

Ähnliche Beiträge

HTML/CSS/JAVASCRIPT Taschenrechner Fehler beheben?

ich programmiere grade einen Taschenrechner mithilfe von Javascript, habe auch alles soweit richtig hinbekommen. nur wenn ich einen buchstaben eingebe zeigt mit der browser(in diesem fall t): Uncaught ReferenceError: t is not defined

welche funktion muss ich noch hinzufügen das einfach gar nichts bei einem buchstaben passiert aber auch keine fehlermeldung kommt?

danke

https://hastebin.com/nutoquduca.html

...zum Beitrag

Prozentrechnen in Javascript?

Hi Leute, ich bin geradee dabei, einen Tascchenrechner zu programmiern und möchte dabei gern eine funktion zur berechnung von prozenten einbinden. (bei 350 - 10% sollte also 315 rauskommen)

kann mir da jemand weiterhelfen? Vielen Dank im Voraus

...zum Beitrag

JavaScript, wofür steht in function(e) das e?

Hallo, ich lerne aktuell JS und habefolgendes Beispiel (siehe unten). Ich frage mich, wieso Lehrbücher in anonymen Funktionen solche Buchstaben als Parameter einbauen. Das e steht hier glaube ich für "Event", aber es ändert ja nichts an der Funktionsweise, wenn ich die Klammern leer stehen lasse, korrekt? Ich würde gerne verstehen, welche Vorteile sich für den Programmierer hier bieten. Am Anfang und auch jetzt fand ich es verwirrend, weil der Buchstabe ja nur symbolische Funktion zu haben scheint. Deswegen frage ich mich auch oft "Sollte ich das genauso handhaben oder eher weglassen". Dass es um ein Event geht, sieht man ja schon daran, dass Event-Listener und das Event change eingesetzt wird.



const checkbox = document.getElementById("remember");

checkbox.addEventListener(
    "change",                               
    function(e) {                           
        console.log(checkbox.value);        
        console.log(checkbox.checked);      
    }                 
);

...zum Beitrag

Programmieren falsche herangehensweise?

Ich wollte schon immer Programmieren lernen und hatte bereit mit 14 meine ersten Erfahrungen mit JavaScript, mit 16 Python und aktuell habe ich mit Java begonnen. Ich hatte aber schon immer den Gedankengang gehabt das alle Programmierer bzw. wenn man sich einer nennen will das man das was man lernt und schreibt auch auswendig kann und anwenden kann. Jetzt ist mir aber mit Java aufgefallen das es einfach viel zu viel ist um alles auswendig zu lernen und öfters sehe ich memes wo der Job eines Programmierers gezeigt wird (Copy & Paste).

jetzt ist meine Frage ob Programmieren heißt verstehen zu können was dort steht und es erklären zu können oder auch noch zusätzlich es auswendig zu lernen?

...zum Beitrag

Javascript-Fehler?

Hallo, ich habe ein Problem ich programmiere gerade einen "Vokabel-Trainer". Unteranderem brauche ich dafür Javascript, denn ich habe auch einen "Vokabel-Test" eingefügt, wo ein Deutsches Wort da steht und man das Englische Wort hinschreiben muss. Soweit funktioniert alles, aber ich möchte auch, dass "Falsch!" oder "Richtig!" da steht. Es steht aber immer nur "Falsch!" da, weil ja das gesuchte Wort in Deutsch steht und man das Englische schreiben muss. Wie übersetzt man das?

Hier der Code:

(Zur Klarstellung: "randomEnglishWord" ist Deutsch und "englishText.value" ist Englisch, und "dictionary" sind eben die Vokabeln in Deutsch und Englisch")

function nextVocab() {
    let obj_keys = Object.keys(dictionary);
    randomEnglishWord = obj_keys[Math.floor(Math.random() * obj_keys.length)];
    wort.innerHTML = `${randomEnglishWord}?`;
}

function comparezwei(){
    if (englishText.value == randomEnglishWord) {
        textzwei.innerHTML = 'Richtig!';
    } else {
        textzwei.innerHTML = 'Falsch!';
    }
    englishText.value = '';
    nextVocab();
}

...zum Beitrag

Hilfe beim Programmieren?

Hallo,

Ich bin Anfänger beim Programmieren mit Javascript css und html

Ich möchte gerade mit dem :hover Effekt einen Buchstaben vergrößern. Wenn sie dieser Buchstaben aber vergrößert verschiebt er die anderen Buchstaben. Was muss ich machen damit das nicht passiert?

...zum Beitrag

Mehrere Zeilen auskommentieren VS Code (JavaScript)?

Zum Beispiel :

alert()
alert()
alert()

alert()
alert()

dann markiere ich alles blau und alles aufeinmal soll ein // bekommen am anfang .

Und ich meine nicht das ich über mehrere Zeilen einen Cursor hab wo ich schreiben kann.

Denn dann würden auch die leeren Zeilen ein // haben weil ich nicht alles direkt untereinander programmiere

...zum Beitrag

JavaScript will nicht (Text in Element ändern per onclick)?

Hallo alle miteinander,

ich tüftle derzeit daran, den Text eines Elements zu ändern, sobald im unteren Menü ein Feld angeklickt wurde. Das Ganze funktioniert jedoch nicht und ich verstehe nicht wirklich warum. Könnt ihr mir helfen den Fehler zu finden?

Die wli-Variablen sollen den neuen Text enthalten, da ich das für jemanden programmiere, der keine Ahnung von JavaScript hat und ich es somit vereinfachen wollte, das er den Text ohne etwas kaputt zu machen, bearbeiten kann.

Hier einmal der Code, an dem ich herumprobiert habe. Allerdings ohne den CSS-Teil:

<script type="text/javascript">
  wli1 = "wli1";
  wli2 = "wli2";
  wli3 = "wli3";
  wli4 = "wli4";
  wli5 = "wli5";
  wli6 = "wli6";

  function fwli1() {
    document.getElementById("werdegangcon").value = wli1;
  }

  function fwli2() {
    document.getElementById("werdegangcon").value = wli2;
  }

  function fwli3() {
    document.getElementById("werdegangcon").value = wli3;
  }

  function fwli4() {
    document.getElementById("werdegangcon").value = wli4;
  }

  function fwli5() {
    document.getElementById("werdegangcon").value = wli5;
  }

  function fwli6() {
    document.getElementById("werdegangcon").value = wli6;
  }
</script>
<div class="conh15">
  <div class="con100">
    <div class="con_top center nummer">
      <h3>Werdegang</h3>
    </div>
    <div class="con_mid center" id="werdegangcon">
      2394    Abschluss des Abiturs mit Auszeichnung</br>
      2394    Job als Haustechnikerin
    </div>
    <div class="con_bot center">
      <ul class="werdegang">
        <li id="weli1" onclick="fwli1()">vor der Akademie</li>
        <li id="weli2" onclick="fwli2()">2395</li>
        <li id="weli3"onclick="fwli3()">2399</li>
        <li id="weli4"onclick="fwli4()">2401</li>
        <li id="weli5"onclick="fwli5()">2402</li>
        <li id="weli6" onclick="fwli6()">2403</li>
      </ul>
    </div>
  </div>
</div>

...zum Beitrag

JavaScript Await Async, Wo ist der Fehler?

function test1(zahl) {
    setTimeout(() => {
        return(zahl *2)
    }, 5000);
  }
async function test2() {
let x = await test1(2);
}
test2().then.alert(x)

Output: ReferenceError: x is not defined

Wollte das eigentlich so machen das die Funktion Test2 wartet bis die Funktion Test1 fertig ist, das sind jetzt zum Beispiel 5 Sekunden.

Und dann soll es x alerten.

Also möchte so tun als würde etwas länger dauern als geplant.

Könnten ja auch 10 Sekunden sein, die Hauptsache ist das wartet bis es die Antwort bekommen hat.

(Ich habe Async und Await nicht wirklich verstanden, und dachte mir das es so Funktioniert und ein gutes Beispiel ist)

...zum Beitrag

Frage an Programmierer?

EIn Programmierer kann nicht alles können. Man kann nur einen Teil, unzwar den, den man regelmäßig anwendet, zum Beispiel den im Beruf.

Ich kann relativ gut mit JavaScript programmieren, aber bin der Meinung, dass es unmöglich ist, alles zu können. Aber das ist auch okay, hautpsache man kann alles berufsrelevante und hat Spaß.

Wie ist deine Meinung darüber?

...zum Beitrag

C Programmieren, anstatt Zahlen, Buchstaben?

Hallo, ich habe eine Aufgabe zu Programmieren und soweit funktioniert es auch. Als Forderung habe ich "Geben Sie eine Zahl ein". Gebe ich zahlen ein funktioniert das Programm wie gewünscht. gebe ich aber Buchstaben ein wie z.B ein Name solle wieder die Aufforderung "Geben Sie eine Zahl ein" kommen. Wie mache ich das denn?

...zum Beitrag

Ich möchte mit JavaScript ein Multiplayer Webbrowser Spiel programmieren, wie mache ich das am besten? Wie geht es zum Beispiel mit Schere Stein Papier?

...zum Beitrag

Html und Javascritp Gif ein und ausblenden lassen?

Ich möchte mit Html und Javascript ein Gif per button einfügen lassen. Ich habe schon einiges ausprobiert aber es funktioniert nicht, ich würde mich gerne über Hilfe freuen. (Die Aufgabe war es einen Kopfrechentrainer zu programmieren, als Zusatz ein Bild einfügen,...)

<html>
	<head>
		<title> Kopfrechentrainer Ultimate </title>
	</head>
	<body>
<script language=javascript>


{	var a;
	var b;
	var c;
	var d;
	var f=0;
	var r=0;
	var x;
}	
	function random()
	
{
	a=Math.floor(Math.random()*90)+10;
	document.rechnen.eingabe1.value=a;
	
	b=Math.floor(Math.random()*9)+1;
	document.rechnen.eingabe2.value=b;	
}


	function kontrolle()
{
	c=document.rechnen.vergleich.value;
	if(a*b==c){r++;document.rechnen.richtig.value=""+r}
	if(a*b!=c){f++;document.rechnen.falsch.value=""+f}


	if(r+f==50)
{
	if(r==0){alert('soos')}
	else if(0<r<=10){alert('saas')}
	else if(10<r<=20){alert('sees')}
	else if(20<r<=30){alert('siis')}
	else if(30<r<=40){alert('suus')}
	else if(40<r<=50){alert('fiif')}
}


}
	function zurück()
{
	document.rechnen.richtig.value=""
	document.rechnen.falsch.value=""
}


	function shutdown()
{
	window.open('https://www.youtube.com/watch?v=dQw4w9WgXcQ');
}


	function bka()
{
   	var audio = new Audio('sirene.mp3');
   	audio.play();


	document.getElementById("bkaf").style.display="none";
}


</script>








	
		<font color ="red"> <h2 align = center>  Kopfrechentrainer Ultimate </h2> </font>
		<br>
		<p align = center> <b>  
		Du kannst hier Multiplikationsaufgaben üben. <br>
		Beim Klicken auf den Button werden dir dir nacheinander 50 Aufgaben gestellt.
		</p> </b>
		<br>
		<br>
		<h1 align = center> Bereit? </h1>
		<br>
	<form name="rechnen">
		<input type=button value="Start" onclick=random()>
		<br> <br>
		<INPUT type=text name=eingabe1 value=""> *
		<INPUT type=text name=eingabe2 value=""> =
		<INPUT type=text name=vergleich value="">
		
			<input type=button value="Kontrolle" onclick=kontrolle()>
			<input type=button value="Zurücksetzen" onclick=zurück()>
				
		<br> <br> 
	<p align = center> <b>
		Richtig gelöst Falsch gelöst
	</b> 
		<br> <br>
		<INPUT type=text name=richtig value=""> 
		<INPUT type=text name=falsch value="">
	<br> <br>
		<input type=button value="shutdown" onclick=shutdown()>
	<br> <br>
		<input type=button value="BKA Modus" onclick=bka()>
		
		<audio autoplay>
 		 <source src="sirene.mp3" type="audio/mpeg">
		</audio>
		<br>
	<div id="bkaf">
	<img id="blaulicht" src="blaulicht.gif">	
	</div>


	</form>










	</body>
</html>

...zum Beitrag

wie kann ich in javaScript eine Funktion mit einem Tastendruck aufrufen?

Hi Leute,

ich programmiere einen Taschenrechner und möchte dafür eine funktion über die Tastatur aufrufen können. Also wenn ich zum Beispiel eine 2 drück, soll die function calculate(2); aufgerufen weden. Im internet habe ich viele Ergebnisse gefunden, die mich verwirrt haben.

Vielen Dank im Voraus😉

...zum Beitrag

Was möchtest Du wissen?

Deinen Beitrag erstellen