Austausch über die häufig verwendeten neuen String-Methoden in ES6

ES6 fügt js viele neue Methoden hinzu, einschließlich Traversal, Abfrage, Ersetzung usw., die ähnliche Methoden in ES5 leicht ersetzen können. In diesem Artikel werden hauptsächlich die häufig verwendeten neuen Methoden für Zeichenfolgen in ES6 in Kombination mit Beispielen vorgestellt Formen Dieser Artikel fasst die häufig verwendeten neuen Methoden, Funktionen und Verwendungsfähigkeiten von Zeichenfolgen in ES6 zusammen. Freunde, die sie benötigen, können darauf zurückgreifen.

für…von:

let str="wbiokr";
for(let s of str){
  console.log(s)
}
//结果：w, b, i, o, k, r

Da es5 keine Zeichenfolgenbeziehung für js Traversal angibt Methoden, for...of werden zweifellos eine sehr wichtige Rolle in der nächsten Front-End-Entwicklung spielen.

includes:

let str="wbiokr";
str.includes('wb');//结果:true
str.includes('wbiokr');//结果：true
str.includes('w',1);//false
str.includes('b',1);//true

string.includes(s,i) Methodenparameter 1 ist Es ist ein Abfragezeichen (String) erforderlich, Parameter 2 ist die Startposition der Abfrage und es wird ein boolescher Wert zurückgegeben, während indexOf die Position der Abfrage zurückgibt.

startsWith:

let str="wbiokr";
str.startsWith('wb');//结果:true
str.startsWith('w');//结果:true
str.startsWith('w',1);//结果:false
str.startsWith('b',1);//true
str.startsWith('kr');//结果：false

string.startsWith(s,i) Methodenparameter 1 ist Ein Zeichen (eine Zeichenfolge) muss abgefragt werden. Parameter 2 ist die Startposition der Abfrage, und es wird ein boolescher Wert zurückgegeben, der angibt, ob sich das Zeichen (die Zeichenfolge) an der Kopfposition der Zeichenfolge befindet.

endsWith:

let str="wbiokr";
str.endsWith('kr');//结果:true
str.endsWith('r');//结果:true
str.endsWith('wb');//结果：false
str.endsWith('i',6);//false
str.endsWith('i',3);//false
str.endsWith('kr',6);//true

string.endsWith() Methodenparameter 1 ist die erforderliche Abfrage Zeichen (Zeichenfolge), Parameter 2 ist die Startposition der Abfrage und gibt einen booleschen Wert zurück, der angibt, ob sich das Zeichen (Zeichenfolge) am Ende der Zeichenfolge befindet.

repeat:

let str="wbiokr";
str.repeat(2);//wbiokrwbiokr"str被重复了2次返回，str不改变
'hi'.repeat(3);//"hihihi"
'hi'.repeat(2.6);//'hihi'浮点类型参数，会取整重复
'hi'.repeat(0);//''0的时候返回空字符串
'hi'.repeat(-3)//负数，报错
'hi'.repeat(undefined)//''undefined转化为0
'hi'.repeat(null)//''null转化为0
'hi'.repeat(NaN)//''NaN转化为0

string.repeat(num) Methode, Parameter num ist Wiederholung Die Anzahl der Zeichenfolgen finden Sie im Code. Die Rückgabewerte in verschiedenen Situationen finden Sie im Code.

${}:

let str="wbiokr";
$('#box').html('
  there is a word ${str},i know it
');
//there is a word wbiokr,i know it

Während des Entwicklungsprozesses wird jq häufig als verwendet ein Element Um Unterelemente oder Inhalte dynamisch hinzuzufügen, haben wir früher Variablen durch String-Verkettung hinzugefügt. Das Hinzufügen von ES6 kann die alte Methode von jq sehr gut ersetzen. Außerdem kann '${}' nicht nur Variablen einbetten, sondern auch das Codeformat beibehalten, und js-Code kann in {} ausgeführt werden.

Verwandte Empfehlungen:

Detaillierte Erläuterung der JavaScript-String-Tool-Klasse StringUtils

Implementierung der Konvertierung von String in String-Array in Java Methode

JS-Methode zum Konvertieren einer Zeichenfolge in ein JSON-Objekt

Das obige ist der detaillierte Inhalt vonAustausch über die häufig verwendeten neuen String-Methoden in ES6. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!