Comment ajouter des éléments de tableau en JavaScript

青灯夜游
Libérer: 2022-10-13 16:07:04
original
9376 Les gens l'ont consulté

3 méthodes d'implémentation : 1. Utilisez la boucle for, la syntaxe "for(i=0;i

Comment ajouter des éléments de tableau en JavaScript

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);
Copier après la connexion

Comment ajouter des éléments de tableau en JavaScript

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)
Copier après la connexion

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);
Copier après la connexion

Comment ajouter des éléments de tableau en JavaScript

方法3、使用reduce() 方法

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

语法:

array.reduce(function callbackfn(previousValue, currentVaule, currentIndex, array), initialValue)
Copier après la connexion

function callbackfn(previousValue, currentVaule, currentIndex, array):必需参数,指定回调函数,最多可以接收4个参数:

  • previousValue:通过上一次调用回调函数获得的值。如果向 reduce() 方法提供 initialValue,则在首次调用函数时,previousValue 为 initialValue。

  • currentVaule:当前元素数组的值。

  • currentIndex:当前数组元素的数字索引。

  • array:包含该元素的数组对象。

initialValue

value : La valeur du élément de tableau.

index : Index numérique de l'élément du tableau.

Comment ajouter des éléments de tableau en JavaScriptarray : 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 :

🎜🎜Exemple : Accumuler et additionner les valeurs d'un tableau🎜🎜
var a = [11, 12, 13], sum = 0;
function f(pre,curr) {
	sum=pre+curr;
	return sum;
}

a.reduce(f);
console.log(sum);
Copier après la connexion
🎜Comment ajouter des éléments de tableau en JavaScript🎜🎜🎜🎜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 : 🎜
🎜rrreee🎜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!

Étiquettes associées:
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
À propos de nous Clause de non-responsabilité Sitemap
Site Web PHP chinois:Formation PHP en ligne sur le bien-être public,Aidez les apprenants PHP à grandir rapidement!