Maison > Article > interface Web > Comment ajouter des éléments de tableau en JavaScript
3 méthodes d'implémentation : 1. Utilisez la boucle for, la syntaxe "for(i=0;i
L'environnement d'exploitation de ce tutoriel : système Windows 7, JavaScript version 1.8.5, ordinateur Dell G3.
Méthode 1 : Utiliser la boucle for
Idée d'implémentation :
Utiliser la boucle for pour parcourir le tableau
Dans le corps de la boucle, utilisez l'opérateur "+=" pour ajouter les éléments du tableau un par un. Et
exemple d'implémentation :
var arr = [1,2,3,4,5,6,7,8,9,10]; var i,sum=0; for(i=0;i<arr.length;i++){ //循环遍历数组 //将数组元素一个个相加求和 sum+=arr[i]; } console.log(sum);
Méthode 2, utilisez la méthode forEach()
la méthode forEach() est utilisée pour appeler chaque élément du tableau et transmettre l'élément au fonction de rappel.
Syntaxe :
array.forEach(funtion callbackfn(value, index, array), thisValue)
function callbackfn(value, index, array)
: Paramètres obligatoires, précisez la fonction de rappel, qui peut recevoir jusqu'à trois paramètres : funtion callbackfn(value, index, array)
:必需参数,指定回调函数,最多可以接收三个参数:
value:数组元素的值。
index:数组元素的数字索引。
array:包含该元素的数组对象。
thisValue
:可省略的参数,回调函数中的 this 可引用的对象。如果省略 thisArg,则 this 的值为 undefined。
下面通过代码示例来具体了解一下:
示例:将数组值进行累加求和
var a = [10, 11, 12], sum = 0; function f(value) { sum += value; } a.forEach(f); console.log(sum);
方法3、使用reduce() 方法
reduce() 方法可对数组中的所有元素调用指定的回调函数。该回调函数的返回值为累积结果,并且此返回值在下一次调用该回调函数时作为参数提供。
语法:
array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)
function callbackfn(previousValue, currentVaule, currentIndex, array)
:必需参数,指定回调函数,最多可以接收4个参数:
previousValue:通过上一次调用回调函数获得的值。如果向 reduce() 方法提供 initialValue,则在首次调用函数时,previousValue 为 initialValue。
currentVaule:当前元素数组的值。
currentIndex:当前数组元素的数字索引。
array:包含该元素的数组对象。
initialValue
index : Index numérique de l'élément du tableau.
array : Objet tableau contenant l'élément.
thisValue
: un paramètre omis, l'objet qui peut être référencé par ceci dans la fonction de rappel. Si thisArg est omis, la valeur de this n'est pas définie. Apprenons-en davantage à travers des exemples de code :
var a = [11, 12, 13], sum = 0; function f(pre,curr) { sum=pre+curr; return sum; } a.reduce(f); console.log(sum);🎜🎜🎜🎜🎜Méthode 3. Utilisez la méthode réduire()🎜🎜🎜🎜La méthode reduce() peut être appelée sur tous les éléments du tableau La fonction de rappel spécifiée. 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. 🎜🎜🎜Syntaxe : 🎜
function callbackfn(previousValue, currentVaule, currentIndex, array)
: paramètres requis, précisez la fonction de rappel, qui peut recevoir jusqu'à 4 paramètres : 🎜🎜 🎜🎜 previousValue : La valeur obtenue en appelant la fonction de rappel la dernière fois. Si initialValue est fourni à la méthode réduire(), la valeur précédente est initialValue lorsque la fonction est appelée pour la première fois. 🎜🎜🎜🎜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. 🎜🎜🎜🎜initialValue
: un paramètre omis, la valeur initiale passée à la fonction. 🎜🎜Apprenons-en davantage à travers des exemples de code : 🎜🎜🎜Exemple : Accumuler et additionner les valeurs d'un tableau 🎜🎜rrreee🎜Résultats de sortie : 🎜🎜🎜🎜🎜【Recommandations associées : 🎜Tutoriel vidéo javascript🎜, 🎜Vidéo de programmation🎜】 🎜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!