Maison >interface Web >Questions et réponses frontales >Comment modifier les données du tableau dans ES6

Comment modifier les données du tableau dans ES6

WBOY
WBOYoriginal
2022-04-26 10:08:072697parcourir

Méthode Change : 1. Utilisez la méthode splice() pour modifier. Cette méthode peut modifier directement le contenu du tableau d'origine. La syntaxe est "array.splice (position de départ, numéro modifié, valeur modifiée)" ; indices Accédez aux éléments du tableau et réaffectez les valeurs pour modifier les données du tableau. La syntaxe est "tableau[valeur de l'indice]=valeur modifiée ;".

Comment modifier les données du tableau dans ES6

L'environnement d'exploitation de ce tutoriel : système Windows 10, ECMAScript version 6.0, ordinateur Dell G3.

Comment modifier les données d'un tableau dans es6

Méthode 1 : utilisez la méthode splice()

splice() pour modifier le contenu du tableau et ajouter de nouveaux éléments lorsque les anciens éléments sont supprimés.

Syntaxe

array.splice(index, howMany, [element1][, ..., elementN]);

Détails des paramètres

  • index - Commencez à modifier l'index du tableau.

  • howMany - un entier indiquant le nombre d'anciens éléments du tableau à supprimer. Si howMany vaut 0, aucun élément n’est supprimé.

  • element1, ..., elementN - l'élément à ajouter au tableau. Si aucun élément n'est spécifié, splice supprime simplement les éléments du tableau.

Valeur de retour

Renvoie le tableau extrait en fonction des paramètres transmis.

Exemple

var arr = ["orange", "mango", "banana", "sugar", "tea"];  
var removed = arr.splice(2, 0, "water");  
console.log("After adding 1: " + arr );  
console.log("removed is: " + removed); 
removed = arr.splice(3, 1);  
console.log("After adding 1: " + arr );  
console.log("removed is: " + removed);

Une fois compilé, il générera le même code en JavaScript.

Sortie

After adding 1: orange,mango,water,banana,sugar,tea 
removed is:  
After adding 1: orange,mango,water,sugar,tea 
removed is: banana

Méthode 2 : Accédez à l'élément spécifié via l'indice

Accédez à l'élément du tableau et réaffectez la syntaxe :

数组名[指定下标值]=新值;

L'exemple est le suivant :

var arr = [1,2,3,4,5];  //声明一个数组
console.log(arr);
arr[0] = 0;  //修改第一个元素,重新赋值为0
arr[2] = "A";  //修改第三个元素,重新赋值为2
console.log(arr);

Résultat de sortie ;
[Recommandations associées :

tutoriel vidéo javascript

, Comment modifier les données du tableau dans ES6front-end web

]

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:
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