Partage des nouvelles méthodes de chaîne de caractères couramment utilisées dans ES6

ES6 ajoute de nombreuses nouvelles méthodes à js, ​​y compris le parcours, la requête, le remplacement, etc., qui peuvent facilement remplacer des méthodes similaires dans ES5. Cet article présente principalement les nouvelles méthodes de chaîne de caractères couramment utilisées dans ES6, combinées avec un exemple. form Cet article résume et analyse les nouvelles méthodes, fonctions et compétences d'utilisation couramment utilisées des chaînes de caractères dans ES6. Les amis qui en ont besoin peuvent s'y référer. J'espère qu'il pourra aider tout le monde.

pour… de :

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

Puisque es5 ne spécifie pas de relation de chaîne pour js Traversal les méthodes, for...of joueront sans aucun doute un rôle très important dans le prochain développement front-end.

inclut :

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) le paramètre 1 de la méthode est Un caractère de requête (chaîne) est requis, le paramètre 2 est la position de départ de la requête et une valeur booléenne est renvoyée, tandis que indexOf renvoie la position de la requête.

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) le paramètre 1 est Un caractère (chaîne) doit être interrogé. Le paramètre 2 est la position de départ de la requête et une valeur booléenne est renvoyée, indiquant si le caractère (chaîne) est situé à la position de début de la chaîne.

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

le paramètre de méthode string.endsWith() 1 est la requête requise caractère (chaîne), le paramètre 2 est la position de départ de la requête, et renvoie une valeur booléenne indiquant si le caractère (chaîne) est situé à la fin de la chaîne.

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), le paramètre num est répéter Le nombre de chaînes, veuillez consulter le code pour les valeurs de retour dans diverses situations.

${} :

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

Pendant le processus de développement, jq est souvent utilisé comme un élément Pour ajouter dynamiquement des sous-éléments ou ajouter dynamiquement du contenu, dans le passé, nous ajoutions des variables via la concaténation de chaînes. L'ajout d'ES6 peut très bien remplacer l'ancienne méthode de jq. Les guillemets simples plus '${}' peuvent non seulement intégrer des variables, mais également conserver le format du code, et le code js peut être exécuté dans {}.

Recommandations associées :

Explication détaillée de la classe d'outils de chaîne javaScript StringUtils

Implémentation de la conversion de chaîne en tableau de chaînes en Java Méthode

Méthode JS pour convertir une chaîne de caractères en objet json

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!