Introduction de base à es6--Extension de chaînes

1 pour...de l'interface de traversée de chaînes

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

2 inclut Si une chaîne est incluse, renvoie une valeur booléenne

Format : str.includes(searchString[, position])
Comparaison avec indexOf :
indexOf : renvoie l'indice pour déterminer si une chaîne est incluse. L'indice est la position de la chaîne
. include : renvoie une valeur booléenne pour déterminer si une chaîne est incluse. Si vous souhaitez uniquement déterminer si une chaîne est incluse, cette méthode est réalisable.

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

3 StartsWith Si la chaîne de paramètre est en tête de la chaîne source, renvoie une valeur booléenne

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 finsAvec est l'opposé de commenceAvec, indiquant si la chaîne de paramètre est à la fin de la chaîne source, et renvoie une valeur booléenne

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 répétition Répète la chaîne d'origine n fois et renvoie une nouvelle chaîne

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

6 La chaîne modèle est une version améliorée de la chaîne, identifiée par des backticks ( `).

Il peut être utilisé comme une chaîne ordinaire, ou il peut être utilisé pour définir des chaînes multilignes, ou intégrer des variables dans des chaînes. Les avantages sont assez évidents. Les chaînes d'épissure. Les variables d'utilisation peuvent désormais être utilisées dans les chaînes de modèle.

// 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

Pour plus de détails sur les modifications et les extensions de chaînes dans es6, veuillez consulter le site officiel de MDN

[Recommandations associées]

1. 🎜>Spécial recommandé  : Téléchargement de la version V0.1 de "php Programmer Toolbox" 2.

Tutoriel vidéo en ligne js gratuit

3.

php.cn Dugu Jiujian (3) - Tutoriel vidéo JavaScript

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!