Maison  >  Article  >  interface Web  >  Méthode JavaScript at() ES2022

Méthode JavaScript at() ES2022

王林
王林avant
2023-08-30 23:25:091233parcourir

ES2022 JavaScript at() 方法

JavaScript est un langage de programmation puissant et polyvalent largement utilisé pour le développement front-end et back-end. L'une des choses qui rendent JavaScript si puissant est sa vaste bibliothèque standard, qui comprend de nombreuses méthodes intégrées pour travailler avec des chaînes, des tableaux et d'autres types de données. L'une de ces méthodes est la méthode at(), introduite dans ECMAScript 2022, qui récupère le caractère à un index donné dans une chaîne. Dans ce didacticiel, nous allons apprendre à utiliser la méthode at() et explorer certains de ses avantages par rapport à l'ancienne méthode charAt().

Grammaire

La méthode

at() est une méthode de chaîne qui peut être utilisée pour récupérer le caractère à un index donné dans une chaîne. La syntaxe de cette méthode est la suivante -

string.at(index)

Où string est la chaîne à partir de laquelle les caractères doivent être récupérés et index est l'index de base zéro du caractère à récupérer. Cette méthode renvoie le caractère à l'index spécifié, ou non défini si l'index est hors plage.

Exemple

Voici un exemple de comment récupérer le premier caractère d'une chaîne à l'aide de la méthode at() -

<html>
<body>
   <p id="ES2022"></p>
   <script>
      let greeting = "Hello, world!";
      let firstChar = greeting.at(0);
      document.getElementById("ES2022").innerHTML = firstChar;
   </script>
</body>
</html> 

Dans cet exemple, la méthode at() est utilisée pour récupérer le premier caractère de la chaîne de salutation, qui est "H". Le résultat est ensuite affecté à la variable firstChar et imprimé sur la console.

Avantages de la méthode at() par rapport à charAt()

La méthode

at() présente certains avantages par rapport à l'ancienne méthode charAt(), disponible en JavaScript depuis le début. Par exemple, la méthode at() peut gérer les index hors limites de manière plus élégante. Lorsque la méthode charAt() est appelée avec un index hors plage, elle renvoie une chaîne vide (""). En revanche, la méthode at() renvoie undefined lorsqu'elle est appelée avec un index hors limites. Cela vous permet de distinguer plus facilement les chaînes vides et les caractères manquants.

Un autre avantage de la méthode

at() est qu'elle gère correctement les caractères Unicode. En JavaScript, les chaînes sont stockées sous forme de séquences d'unités de code UTF-16. Cela peut entraîner des problèmes lors de l'utilisation de caractères Unicode représentés par plusieurs unités de code, tels que des émojis ou des caractères dans certains scripts. Lorsqu'elle est appelée sur de tels caractères, la méthode charAt() peut renvoyer des résultats incorrects, tandis que la méthode at() renvoie le caractère correct.

Exemple

Voici un exemple de la façon dont la méthode at() gère les index hors plage,

<html>
<body>
   <p id="ES2022"></p>
   <script>
      let greeting = "Hello, world!";
      let character = greeting.at(20);
      document.getElementById("ES2022").innerHTML = character;
   </script>
</body>
</html> 

Dans cet exemple, l'index at(20) est en dehors de la plage de longueur de chaîne et la méthode renvoie undefined.

La méthode at() peut également être utilisée avec un index négatif, qui compte à partir de la fin de la chaîne au lieu du début. Cela peut être utile dans les cas où vous souhaitez récupérer le dernier caractère d'une chaîne, par exemple −

.

Exemple

<!DOCTYPE html>
<html>
<body>
   <p id="ES2022"></p>
   <script>
      let greeting = "Hello, world!";
      let lastChar = greeting.at(-1);

      document.getElementById("ES2022").innerHTML = lastChar;
   </script>
</body>
</html> 

Dans cet exemple, la méthode at(-1) est utilisée pour récupérer le dernier caractère de la chaîne de salutation, qui est "!" Le résultat est ensuite affecté à la variable lastChar et imprimé sur la console.

Utiliser avec d'autres fonctions JavaScript

La méthode

at() fonctionne de manière transparente avec d'autres fonctions JavaScript qui acceptent les paramètres d'index, telles que Array.prototype.slice et String.prototype.substring. Cela permet aux développeurs de travailler avec des chaînes de manière cohérente, qu'ils utilisent la méthode at() ou l'une des autres méthodes de chaîne.

Conclusion

En résumé, la méthode at() est une méthode puissante et polyvalente qui fournit un moyen plus fiable de récupérer des caractères à partir de chaînes JavaScript. Elle présente des avantages significatifs par rapport à l'ancienne méthode charAt() en gérant correctement les index hors limites et les caractères Unicode. Si vous développez un nouveau projet JavaScript, il est recommandé d'utiliser la méthode at() au lieu de charAt() pour un comportement plus robuste et cohérent.

Il convient de noter qu'il est pris en charge dans les navigateurs modernes, il est donc recommandé de vérifier la prise en charge du navigateur cible avant de l'utiliser en production. De plus, vous pouvez utiliser des outils comme Babel pour convertir votre code vers d'anciennes versions de JavaScript si nécessaire. Avec la méthode at(), les développeurs JavaScript disposent d'un nouvel outil puissant pour travailler avec des chaînes de manière plus efficace et cohérente.

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!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer