Heim >Web-Frontend >js-Tutorial >Grundlegende Einführung in es6 – String-Erweiterung
1 for...of String Traversal Interface
for(let i of "abc"){ console.log(i); } // a // b // c
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 从第三个字符开始找
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
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
var s = "s"; s.repeat(3); // sss s.repeat(2.6); // ss 小数会被取整 s.repeat(-2); // RangeError 报错 s.repeat(0); // ""
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-Tutorialphp.cn Dugu Jiujian (3) - JavaScript-Video-TutorialDas 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!