Heim > Web-Frontend > js-Tutorial > Eine ausführliche Einführung in JavaScript-Strings

Eine ausführliche Einführung in JavaScript-Strings

零下一度
Freigeben: 2017-06-28 13:44:58
Original
1681 Leute haben es durchsucht

Die Zeichenfolge in JavaScript wird durch in '' oder "" eingeschlossene Zeichen dargestellt. Dieser Artikel führt Sie in das relevante Wissen über JavaScript-Strings ein. Interessierte Freunde sollten einen Blick darauf werfen.

JavaScript-Strings werden durch in „“ oder „“ eingeschlossene Zeichen dargestellt.

Wenn ' selbst auch ein Zeichen ist, kann es von "" umschlossen werden. Beispielsweise enthält "I'm OK" die sechs Zeichen I, ', m, Leerzeichen, O und K.

Was passiert, wenn die Zeichenfolge sowohl ' als auch " enthält? Sie kann durch Escape-Zeichen identifiziert werden, wie zum Beispiel:


'I\'m \"OK\"!';
Nach dem Login kopieren

Zeichen Der Inhalt der Die Zeichenfolge lautet: Mir geht es gut!

Escape-Zeichen können viele Zeichen maskieren, z. B. n steht für eine neue Zeile, t steht für ein Tabulatorzeichen und die Zeichen selbst müssen ebenfalls maskiert werden, also das dargestellte Zeichen \ ist .

ASCII-Zeichen können im Hexadezimalformat in der Form x## ausgedrückt werden, zum Beispiel:


'\x41'; // 完全等同于 'A'
Nach dem Login kopieren

kann auch ausgedrückt werden in u#### Ein Unicode-Zeichen:


'\u4e2d\u6587'; // 完全等同于 '中文'
Nach dem Login kopieren

Mehrzeilige Zeichenfolge

Weil Mehrzeilige Zeichenfolgen mit n sind schwieriger zu schreiben. Daher fügt der neueste ES6-Standard eine neue Methode zum Ausdruck mehrzeiliger Zeichenfolgen hinzu und verwendet „...“, um Folgendes auszudrücken:

` Dies ist ein

mehrzeiliger

String`;

Vorlagenstring

Um mehrere Strings zu verketten Nach oben können Sie das +-Zeichen zum Verbinden verwenden:


var name = '小明';
var age = 20;
var message = '你好, ' + name + ', 你今年' + age + '岁了!';
alert(message);
Nach dem Login kopieren

Wenn viele Variablen verbunden werden müssen, ist die Verwendung des + schwieriger sign. ES6 fügt eine neue Vorlagenzeichenfolge hinzu. Die Darstellungsmethode ist die gleiche wie bei der obigen mehrzeiligen Zeichenfolge, ersetzt jedoch automatisch die Variablen in der Zeichenfolge:


var name = '小明';
var age = 20;
var message = `你好, ${name}, 你今年${age}岁了!`;
alert(message);
Nach dem Login kopieren

Operationszeichenfolge

Übliche Zeichenfolgenoperationen sind wie folgt:


var s = 'Hello, world!';
s.length; // 13
Nach dem Login kopieren

Um die zu erhalten Zeichen an einer bestimmten Position in der Zeichenfolge, verwenden Sie etwas wie Array. Die Indexoperation von index beginnt bei 0:


var s = 'Hello, world!';
s[0]; // 'H'
s[6]; // ' '
s[7]; // 'w'
s[12]; // '!'
s[13]; // undefined 超出范围的索引不会报错,但一律返回undefined
Nach dem Login kopieren

Es sollte beachtet werden dass die Zeichenfolge unveränderlich ist, führt zu keinen Fehlern, hat jedoch keine Auswirkungen:


var s = 'Test';
s[0] = 'X';
alert(s); // s仍然为'Test'
Nach dem Login kopieren

JavaScript bietet einige gängige Methoden für Beachten Sie, dass der Aufruf dieser Methoden selbst nicht den Inhalt der ursprünglichen Zeichenfolge ändert, sondern eine neue Zeichenfolge zurückgibt:

toUpperCase

toUpperCase ( ) Konvertieren Sie eine Zeichenfolge in alle Großbuchstaben:


var s = 'Hello';
s.toUpperCase(); // 返回'HELLO'
Nach dem Login kopieren

toLowerCase

toLowerCase() Ändern Sie eine Zeichenfolge in Kleinbuchstaben:


var s = 'Hello';
var lower = s.toLowerCase(); // 返回'hello'并赋值给变量lower
lower; // 'hello'
Nach dem Login kopieren

indexOf


indexOf()会搜索指定字符串出现的位置:
var s = 'hello, world';
s.indexOf('world'); // 返回7
s.indexOf('World'); // 没有找到指定的子串,返回-1
Nach dem Login kopieren

Teilzeichenfolge


substring()返回指定索引区间的子串:
var s = 'hello, world'
s.substring(0, 5); // 从索引0开始到5(不包括5),返回'hello'
s.substring(7); // 从索引7开始到结束,返回'world'
Nach dem Login kopieren

Das obige ist der detaillierte Inhalt vonEine ausführliche Einführung in JavaScript-Strings. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage