Méthodes de tableau en JavaScript: tout ce que vous devez savoir sur les méthodes de tableau

Cet article vous donnera des informations détaillées sur les différentes méthodes de tableau en JavaScript avec des exemples de programmes pertinents.

L'efficacité est très importante lorsque l'on envisage de coder une solution. L'objet tableau dans se compose de diverses méthodes. Ces méthodes sont utilisées dans les codes pour leur fonctionnement efficace. Cet article se concentrera sur diverses méthodes de tableau en JavaScript.



Les pointeurs suivants seront retouchés dans cet article:



Continuons avec le premier sujet de cet article,

Méthodes de tableau en JavaScript

Méthode Concat

La méthode concat () joint 2 ou plusieurs tableaux, puis retourne une copie du tableau joint.



var alphabet = ['r', 's', 't'] var num = [5, 6, 7] var AlphabetNum = alphabet.concat (num) document.write ('AlphabetNum:' + AlphabetNum)

Dans l'exemple donné, la méthode concat joint les deux tableaux alphabet et num et renvoie un nouveau tableau concaténé: AlphabetNum.

Production:

AlphabetNum: r, s, t, 5,6,7



Vient ensuite la méthode CopyWithin,

CopyWithin, méthode

La méthode copyWithin () présente dans JavaScript est utilisée pour copier une partie du tableau, dans le même tableau, puis la renvoie.

Syntaxe:

array.copyWithin (cible, début, fin)

Cette méthode se compose de trois paramètres:

  • Cible: la position d'index à laquelle l'élément doit être copié. Il est obligatoire de spécifier la cible.
  • Début: la position d'index à partir de laquelle commencer la copie des éléments. C'est facultatif. La valeur par défaut de start est 0.
  • Fin: la position d'index pour terminer le processus de copie de l'élément. Ceci est également un paramètre facultatif, et la valeur par défaut est longueur .
var nombre = ['Un', 'Deux', 'Trois', 'Quatre', 'Cinq', 'Six', 'Sept'] document.write (nombre) document.write (' 
'+ number.copyWithin (3,0,4))

Production:

Un deux trois quatre cinq six sept

Un, deux, trois, un, deux, trois, quatre

Comme indiqué dans l'exemple, les valeurs du tableau sont copiées dans le même tableau. L'index cible est: 3, l'index de début est: 0 et l'index de fin est: 4.

Le bit suivant dans ces méthodes Array en javascript est,

Chaque méthode

Cette méthode examine ou vérifie si tous les éléments présents dans le tableau satisfont à une condition spécifiée. La syntaxe de la méthode est la suivante:

array.every (fonction [, This_arg])

L'argument de cette fonction est une autre fonction. Il définit la condition à vérifier. Il a les arguments suivants:

  • Array: Le tableau sur lequel la fonction every () est appelée. C'est un argument optionnel.
  • Index: Index de l'élément courant. Cela aussi est facultatif.
  • Élément: élément en cours de traitement par la fonction. Il est obligatoire d'utiliser cet argument.

This_arg est utilisé pour indiquer à la fonction d'utiliser cette valeur. Dans l'exemple suivant, nous vérifions si chaque élément du tableau est positif ou non.

function positive (element, index, array) {return element> 0} function func () {var array = [11, 89, 23, 7, 98] // vérifier le nombre positif var value = array.every (positif) document .write (valeur)} func ()

Il faut noter que la fonction renvoie la valeur en termes de vrai ou faux. Puisque tous les éléments présents dans le tableau sont positifs, la sortie sera:

comment implémenter un hashmap

vrai

Vient ensuite la méthode ToString.

ToString, méthode

Cette méthode convertit un nombre en chaîne. Les nombres peuvent également être convertis en spécifiant une valeur de base.

var nombre = 569 document.write ('Sortie:' + nombre.toString ())

Dans l'exemple donné, la méthode toString () est appelée sans aucun paramètre ni valeur de base.

Production:

569

Jetons maintenant un œil à la méthode join,

Méthode de jointure

La méthode join () joint chaque élément présent dans le tableau. De plus, nous pouvons spécifier un séparateur pour séparer les éléments.

var a = new Array ('I', 'Love', 'Music') var string = a.join () document.write ('string:' + string) var string = a.join ('*') document. écrire(' 
chaîne: '+ chaîne) var chaîne = a.join (' + ') document.write ('
chaîne: '+ chaîne)

Dans l'exemple fourni, la première méthode de jointure ne contient aucun séparateur, donc un séparateur par défaut est utilisé. Dans les deux autres méthodes, «*» et «+» sont des opérateurs spécifiés.

Production:

chaîne: I, Love, Music

chaîne: J'aime * la musique

chaîne: I + Love + Music

Le suivant dans cet article sur les méthodes de tableau sur javascript est,

Méthode pop et push

La méthode pop () supprime l'élément de la fin d'un tableau, un peu comme une pile. La méthode push (), d'autre part, ajoute un élément à la fin d'un tableau.

Les méthodes implémentent le concept de LIFO (Last-In-First-Out).

['Rock', 'Metal', 'Blues', 'Jazz'] list.pop () ['Rock', 'Metal', 'Blues']

Le code supprime le dernier élément du tableau, à savoir «Jazz».

La méthode push () ajoute l'élément au tableau.

['Rock', 'Metal', 'Blues'] list.push ('Jazz') ['Rock', 'Metal', 'Blues', 'Jazz']

Allons plus loin,

Méthode Shift And Unshift

La méthode shift () supprime l'élément du début d'un tableau. La méthode unshift (), en revanche, ajoute l'élément au début du tableau.

['Rock', 'Metal', 'Blues', 'Jazz'] list.shift () ['Metal', 'Blues', 'Jazz']

Le code supprime le premier élément, c'est-à-dire Rock du tableau.

En utilisant la méthode unshift (), «Rock» sera rajouté au tableau.

['Rock', 'Metal', 'Blues', 'Jazz'] list.unshift ('Rock') ['Rock', 'Metal', 'Blues', 'Jazz']

Nous sommes dans les derniers bits de ces méthodes de tableau dans le blog javascript,

Méthode d'épissure

La méthode splice () supprime une partie particulière ou sélective du tableau. Il s'avère être une méthode ingénieuse pour supprimer, remplacer ou ajouter des éléments au tableau.

['Rock', 'Metal', 'Blues', 'Jazz'] list.splice (2, 1) // À partir de la position d'index 2, supprimez un élément ['Rock', 'Metal', 'Jazz'] liste .splice (2,2) // À partir de la position d'index 2, supprimez deux éléments ['Rock', 'Metal']

Dans l'exemple ci-dessus, la méthode slice supprime les éléments en fonction de l'index spécifié.

«Blues» est supprimé du premier exemple car il est placé à l'index 2.

Dans le deuxième exemple, deux éléments à savoir «Blues» et «Jazz» sont supprimés, car l'index spécifie que 2 éléments doivent être supprimés, en commençant à l'index 2.

Il faut noter que les tableaux sont indexés à zéro en JavaScript.

Méthode de tranche

La méthode slice () tranche un élément du tableau initial et retourne un nouveau tableau contenant cet élément. Il faut noter que la méthode slice () ne supprime aucun élément du tableau initial.

var array = ['Rock', 'Pop', 'Jazz', 'Blues', 'Metal'] document.write ('array.slice (1, 2):' + array.slice (1, 2)) document .écrire(' 
array.slice (1, 3): '+ array.slice (1, 3))

La sortie du code suivant est la suivante:

array.slice (1, 2): Pop

java convertit le double en entier

array.slice (1, 3): Pop, Jazz

La dernière méthode de cette méthode de tableau en javascript est,

ForEach, méthode

Cette méthode appelle la fonction pour chaque élément présent dans le tableau.

function funct () {// Tableau initial const items = [2, 18, 28] const copy = [] items.forEach (function (item) {copy.push (item * item)}) document.write (copy)} funct ()

Dans l'exemple, nous calculons le carré de chaque élément présent dans le tableau.

La sortie est la suivante:

4,324,784

Avec cela, nous sommes arrivés à la fin de ce blog sur «Array Method In JavaScript». J'espère que vous avez trouvé cela informatif et utile, restez à l'écoute pour plus de tutoriels sur des sujets similaires.Vous pouvez également consulter notre programme de formation to obtenir des connaissances approfondies sur jQuery ainsi que ses différentes applications, vous pouvez pour une formation en ligne en direct avec une assistance 24/7 et un accès à vie.

Vous avez une question pour nous? Mentionnez-les dans la section commentaires de ce blog et nous vous recontacterons.