Grundlegende Einführung in es6 – String-Erweiterung

1 for...of String Traversal Interface

for(let i of "abc"){
    console.log(i);
}
// a
// b
// c

2 Includes Ob ein String enthalten ist, einen booleschen Wert zurückgeben

Format: str.includes(searchString[, position])
Vergleich mit indexOf:
indexOf: Gibt den Index zurück, um zu bestimmen, ob eine Zeichenfolge enthalten ist.
Includes: Gibt einen booleschen Wert zurück, um zu bestimmen, ob eine Zeichenfolge enthalten ist. Wenn Sie nur feststellen möchten, ob eine Zeichenfolge enthalten ist, ist diese Methode möglich.

var s = "hello";
// es5
s.indexOf("o"); // 4
// es6
s.includes("o"); // true
s.includes("d"); // false
s.includes("h", 2); // false 从第三个字符开始找

3 StartsWith Gibt an, ob sich die Parameterzeichenfolge am Anfang der Quellzeichenfolge befindet. Gibt einen booleschen Wert zurück.

Format: str.startsWith(searchString[, position])

var s = "hello world";
// es5
s.indexOf("hello"); // 0 等于0表示就在源字符串头部
// es6
s.startsWith("hello"); // true
s.startsWith("world"); // false
s.startsWith("world", 6); // true

4 „endsWith“ ist das Gegenteil von „startsWith“, gibt an, ob sich die Parameterzeichenfolge am Ende der Quellzeichenfolge befindet, und gibt einen booleschen Wert zurück

Format: str.endsWith(searchString[, Position])

var s = "hello world";
// es5
String.prototype.endWith=function(endStr){
  var d=this.length-endStr.length;
  return (d>=0&&this.lastIndexOf(endStr)==d)
}
s.endWith("world"); // true
// es6
s.endsWith("world"); // true
s.endsWith("world", 5); // false
s.endsWith("hello", 5); // true

5 Wiederholung Wiederholt die ursprüngliche Zeichenfolge n-mal und gibt eine neue Zeichenfolge zurück

var s = "s";
s.repeat(3); // sss
s.repeat(2.6); // ss 小数会被取整
s.repeat(-2); // RangeError 报错
s.repeat(0); // ""

6 Die Vorlagenzeichenfolge ist eine erweiterte Version der Zeichenfolge, gekennzeichnet durch Backticks ( `).

Es kann als gewöhnlicher String verwendet werden oder zum Definieren von mehrzeiligen Strings oder zum Einbetten von Variablen in Strings. Die Vorteile liegen auf der Hand Sie müssen Strings nicht mehr zusammenfügen. Variablen können jetzt innerhalb von Template-Strings verwendet werden.

// es5 输出模板通常是如下格式，相当繁琐还不方便
var name="Bob",time="today";
var resultStr = "hello "+name+", how are you "+time+'?'; //hello Bob, how are you today?
// es6 模板字符串
console.log(`string text line 1
string text line 2`);
//string text line 1
//string text line 2

// 直接用${变量名}表示
`Hello ${name}, how are you ${time}?` // Hello Bob, how are you today?
// 使用表达式
var obj={a:1,b:2};
`${obj.a+obj.b}` // 3
// 使用函数
function fn() {
  return "Hello World";
}
`this is fn return str: ${fn()}` // this is fn return str: Hello World

Einzelheiten zu String-Änderungen und -Erweiterungen in es6 finden Sie auf der offiziellen MDN-Website

[Verwandte Empfehlungen]

1 🎜>Besonders empfohlen : Download der Version „php Programmer Toolbox“ V0.1 2.

Kostenloses JS-Online-Video-Tutorial

3.

php.cn Dugu Jiujian (3) - JavaScript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonGrundlegende Einführung in es6 – String-Erweiterung. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!