À propos de la différence entre substring() et substr() (tutoriel détaillé)

Ci-dessous, je vais partager avec vous un exemple basé sur l'utilisation et la différence entre substring() et substr(). Il a une bonne valeur de référence et j'espère qu'il sera utile à tout le monde.

En JavaScript, l'interception est généralement utilisée. La soi-disant interception consiste en fait à obtenir le contenu d'une certaine position à une certaine position de l'élément intercepté. Ensuite, JS m'a fourni les deux méthodes substring et substr :

Quelle est la différence entre ces deux méthodes d'interception ? Démonstration directe du code :

substring(a,b) :

a : représente la position de départ

b : Indique la position finale

! Mais il convient de noter : lors de l'interception, le contenu intercepté inclut l'élément en position de départ, mais n'inclut pas l'élément en position de fin !

Exemple :

function sub1(){
  var str = 'javascript';
  return str.substring(0,4);
 }
 console.log(sub1());  //返回值为‘java'
 
 function sub2(){
  var str = 'javascript';
  return str.substring(1,4);
 }
 console.log(sub2());  //返回值为‘ava'

Résumé : Lors de l'interception d'une sous-chaîne, la position de départ est incluse mais la position de fin n'est pas inclus, et les deux paramètres a et b sont des valeurs de position, c'est-à-dire la valeur d'index

substr (index, longueur) :

index : indique la position de départ

longueur : indique la longueur du contenu intercepté

! L'élément en position de départ est inclus lors de l'interception !

Exemple :

function sub3(){
  var str = 'javascript';
  return str.substr(0,4);
 }
 console.log(sub3());   //返回值为‘java'
 
 function sub4(){
  var str = 'javascript';
  return str.substr(1,4);
 }
 console.log(sub4());  //返回值为‘avas'

Résumé : Lorsque substr est intercepté, y compris la position de départ, les deux paramètres sont respectivement Pour la position de départ et la longueur d'interception

 ! Faites attention à la distinction et utilisez-la à bon escient !

Ce qui précède est ce que j'ai compilé pour vous. J'espère que cela vous sera utile à l'avenir.

Articles associés :

Comment implémenter le style simplifié dans Vue (tutoriel détaillé)

Comment créer des composants globaux personnalisés Vue ?

Comment implémenter le développement multipage dans vue2.0

Comment implémenter la fonction de code de vérification du glisser à l'aide de jQuery et vue

Introduction détaillée à plusieurs spécifications de codage JavaScript (tutoriel détaillé)

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!