Maison > interface Web > Questions et réponses frontales > Javascript implémente le retournement anglais

Javascript implémente le retournement anglais

王林
Libérer: 2023-05-15 21:42:07
original
577 Les gens l'ont consulté

JavaScript implémente le retournement en anglais

Le retournement du texte est un effet intéressant qui permet au texte de présenter différentes formes sur la page, et peut parfois même être utilisé pour attirer l'attention du public. Dans cet article, nous explorerons comment implémenter le retournement anglais à l'aide de JavaScript.

Tout d'abord, nous devons comprendre comment retourner des chaînes en JavaScript. Avant cela, nous devons comprendre comment fonctionnent les chaînes. Une chaîne est composée d'une série de caractères Unicode et peut contenir des lettres, des chiffres, des signes de ponctuation, etc. JavaScript fournit plusieurs méthodes pour manipuler les chaînes, telles que substring, charAt, indexOf, etc.

La méthode de retournement d'une chaîne nécessite l'utilisation des méthodes split, reverse et join de la chaîne. Plus précisément, nous devons convertir la chaîne en un tableau de caractères, puis retourner le tableau de caractères et enfin reconvertir le tableau de caractères en chaîne.

Ce processus peut être réalisé grâce au code suivant :

function reverseString(str) {
  // 将字符串转换为字符数组
  var arr = str.split("");

  // 对字符数组进行翻转
  arr = arr.reverse();

  // 将字符数组转换回字符串
  str = arr.join("");
  
  // 返回翻转后的字符串
  return str;
}
Copier après la connexion

En utilisant cette fonction, nous pouvons retourner n'importe quelle chaîne anglaise. Par exemple, si vous passez la chaîne « bonjour » à cette fonction, la chaîne « olleh » sera renvoyée.

Cependant, cette fonction ne s'applique qu'au retournement d'un seul mot. Pour retourner la phrase ou le paragraphe entier, un traitement supplémentaire est nécessaire. Pour retourner une phrase ou un paragraphe entier, nous devons d'abord diviser la chaîne d'origine en mots individuels, puis retourner chaque mot et enfin combiner les mots inversés en une nouvelle chaîne.

Ce processus peut être réalisé grâce au code suivant :

function reverseWords(str) {
  // 将原始字符串按空格分隔成单词
  const wordsArr = str.split(" ");

  // 对每个单词进行翻转
  const reversedWordsArr = wordsArr.map(word => {
    return reverseString(word);
  });

  // 将翻转后的单词组合成新的字符串
  const reversedStr = reversedWordsArr.join(" ");

  // 返回翻转后的字符串
  return reversedStr;
}

// 调用函数并输出结果
console.log(reverseWords("Hello world!")); // 输出 "!dlrow olleH"
Copier après la connexion

En utilisant cette fonction, nous pouvons retourner des phrases ou des paragraphes anglais de n'importe quelle longueur. Dans ce processus, nous avons également utilisé la méthode map en JavaScript pour retourner chaque mot.

En plus de retourner des mots ou des phrases, nous pouvons également retourner des paragraphes entiers. Dans ce processus, nous devons d'abord convertir le paragraphe entier en un seul mot, puis utiliser la fonction reverseWords mentionnée précédemment pour retourner le seul mot. Enfin, nous combinons les mots inversés dans un nouveau paragraphe.

Ce qui suit est l'implémentation du code de l'ensemble du retournement de paragraphe :

function reverseParagraph(str) {
  // 将整个段落转换成单个单词
  const wordsArr = str.split(" ");

  // 对每个单词进行翻转
  const reversedWordsArr = wordsArr.map(word => {
    return reverseString(word);
  });

  // 将所有翻转后的单词组合成新的段落
  const reversedStr = reversedWordsArr.reverse().join(" ");

  // 返回反转后的段落
  return reversedStr;
}

// 调用函数并输出结果
console.log(reverseParagraph("Hello world! This is a test.")); // 输出 "test. a is This world! Hello"
Copier après la connexion

Grâce à ces codes, nous pouvons facilement obtenir l'effet de retournement du texte anglais en JavaScript. Bien sûr, il ne s'agit que d'une méthode de mise en œuvre, et vous pouvez partir de là, l'améliorer et l'ajuster si nécessaire pour obtenir des effets plus riches.

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!

source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal