L'apprentissage du tableau JS connecte à l'envers tous les éléments et génère une chaîne

Dans les articles précédents "JS Array Learning : Comment épisser tous les éléments et renvoyer une chaîne", "JS Array Learning : Itérer des tableaux pour calculer la somme des éléments et concaténer des valeurs dans des chaînes", nous avons présenté comment utiliser des tableaux Dans l'ordre, il existe plusieurs façons de concaténer tous les éléments de gauche à droite pour former une chaîne. Cette fois, nous continuons à présenter le tableau JS à la chaîne et parlons de la méthode de concaténation de tous les éléments du tableau à l'envers (de droite à gauche) pour former une chaîne inversée. Les amis dans le besoin peuvent en apprendre davantage ~

Le contenu principal de celui d'aujourd'hui. article Oui : parcourez le tableau dans le sens inverse et concaténez les éléments du tableau en une chaîne de droite à gauche. Trois méthodes de mise en œuvre sont présentées ci-dessous.

Méthode 1 : Utiliser la boucle for

Idée d'implémentation :

• Utiliser la boucle for pour parcourir le tableau dans le sens inverse

  Si vous souhaitez parcourir le tableau en sens inverse, alors la condition initiale est i=array length-1,La condition de restriction est <code>i>=0, i doit être décrémenté de 1 (i--) à chaque fois boucles i=数组长度-1，限制条件为 i>=0，每循环一次i需要自减1（i--）

for(i=arr.length-1;i>=0;i--){  //逆向循环遍历数组
}

• 然后利用字符串连接运算符“+”或者concat()方法来拼接数组元素，转为字符串。【推荐阅读：《JS字符串学习之巧用函数来连接多个字符串》】

我们看看实现代码：

var arr = [1,2,3,4,5,6,7,8,9,0];
var i,str="";
for(i=arr.length-1;i>=0;i--){  //逆向循环遍历数组
	//拼接
	str=str+''+arr[i];
	// str=str.concat(arr[i]);
}
console.log(str);

输出结果为：

方法2：利用数组的reduceRight() 方法

recudeRight() 方法可从右向左对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果，并且此返回值在下一次调用该回调函数时作为参数提供。

array.reduceRight(function callbackfn(previousValue, currentVaule, currentIndex, array)[, initialValue])

function callbackfn(previousValue,currentVaule,currentIndex,array)

var arr = [1,2,3,4,5,6,7,8,9,0];
var str = '';

function f(pre,curr) {
	str=pre+''+curr;
	return str;
}
arr.reduceRight(f);
console.log(str);

• Utilisez ensuite l'opérateur de concaténation de chaînes "+" ou la méthode concat() pour concaténer les éléments du tableau et les convertir en chaînes. [Lecture recommandée : "Compétences d'apprentissage des chaînes JS à l'aide de fonctions pour connecter plusieurs chaînes
" 】
Jetons un coup d'œil au code d'implémentation :

• var arr = [1,2,3,4,5,6,7,8,9,0];
  var str = '';
  function f(pre,curr) {
  	str=pre+'-'+curr;
  	return str;
  }
  arr.reduceRight(f);
  console.log(str);

  Le résultat de sortie est :


Méthode 2 : En utilisant la méthode réduireRight() du tableau

la méthode recudeRight() peut être spécifiée de droite à gauche sur tous les éléments de la fonction de rappel du tableau. La valeur de retour de cette fonction de rappel est le résultat cumulé, et cette valeur de retour est fournie en paramètre la prochaine fois que la fonction de rappel est appelée.

array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)

function callbackfn(previousValue,currentVaule,currentIndex,array) : paramètres obligatoires, précisez la fonction de rappel, qui peut recevoir jusqu'à 4 paramètres :

previousValue : valeur initiale, ou via le dernier appel La valeur obtenue par la fonction de rappel.

currentValue : La valeur du tableau d'éléments actuel.

currentIndex : L'index numérique de l'élément actuel du tableau.

array : Objet tableau contenant l'élément.

Voyons comment utiliser réduireRight() pour épisser inversement les éléments du tableau

• var arr1 = [1,2,3,4,5,6,7,8,9,0],arr2=[];
  var str = '';
  function f(pre,curr) {
  	str=pre+''+curr;
  	return str;
  }
  arr2=arr1.reverse();
  arr2.reduce(f);
  console.log(str);

  Le résultat de sortie est :

• Si vous souhaitez utiliser un séparateur pour séparer chaque élément du tableau, vous pouvez ajouter deux "+" dans la fonction de rappel "La chaîne vide entre les opérateurs devient le séparateur spécifié :
rrreeeLe résultat de sortie est :



Méthode 3 : Utilisez reverse()+reduce()
reverse() pour inverser le tableau L'ordre des éléments ; la syntaxe et l'utilisation de la méthode réduire() sont à peu près les mêmes que celles de la méthode réduireRight(). La seule différence est qu'elle appelle la fonction de rappel spécifiée sur tous les éléments du tableau de gauche à droite. 🎜rrreee🎜Idée d'implémentation : 🎜🎜🎜🎜Utilisez d'abord reverse() pour inverser les éléments du tableau afin d'obtenir un nouveau tableau arr2 ; 🎜 Jetons un coup d'œil au code d'implémentation :🎜rrreee🎜Le résultat de sortie est :🎜🎜🎜🎜🎜D'accord, c'est tout si vous en avez besoin, vous pouvez lire :🎜Tutoriel avancé 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!