ou la programmation web a donné naissance à des applications web dynamiques. Avec l'essor du Web, JavaScript est devenu l'un des langues les plus importantes dans le monde d'aujourd'hui.Cette Tableau JavaScript articlevous emmènera à la profondeur des méthodes de tableau en JavaScript dans la séquence suivante:
- Introduction à JavaScript
- Fondamentaux de JavaScript
- Tableau JavaScript
- Différence entre tableau et objets
- Méthodes de tableau JavaScript
Introduction à JavaScript
est un langage de programmation interprété de haut niveau utilisé pour rendre les pages Web plus interactives. C'est un langage de script côté client très puissant qui rend votre page Web plus vivante et interactive.
C'est un langage de programmation qui vous aide à mettre en œuvre un design complexe et beau sur des pages Web. Si vous voulez que votre page Web ait l'air vivante et fasse bien plus que vous regarder, JavaScript est un must.
Fondamentaux de JavaScript
Si vous êtes nouveau dans la langue, vous devez connaître certains des principes de base de JavaScript cela vous aidera à commencer à écrire votre code. Les bases comprennent:
Vous pouvez consulter le pour approfondir ces concepts de base et fondamentaux de JavaScript. Dans cet article JavaScript Array, nous nous concentrerons sur les différentes méthodes de tableau utilisées pour définir une liste d'éléments.
Tableau JavaScript
Un tableau est un Structure de données qui contient une liste d'éléments qui stockent plusieurs valeurs sous une seule variable.
Pour déclarer un tableau en JavaScript, utilisez le ' laisser ’Mot-clé entre crochets et englober tous les éléments qu’il contient. La syntaxe est la suivante:
let ListItems = [] ListItems = ['chaussures', 'regarder', 'sac']
Vous pouvez également le déclarer comme:
let ListItems = ['chaussures', 'regarder', 'sac']
Différence entre tableau et objets
Les variables JavaScript peuvent être des objets. Les tableaux sont considérés comme des types d'objets spéciaux. Pour cette raison, vous pouvez avoir des variables de types différents dans le même tableau.
myArray [0] = Date.now myArray [1] = maFonction myArray [2] = mesItems
En JavaScript, tableaux utilisation index numérotés . Tandis que, objets sont utilisés comme index nommés .
Méthodes de tableau JavaScript
Le but de l'utilisation d'un tableau est de stocker valeurs multiples dans un entité unique d'une variable déclarée. Les tableaux sont utilisés lorsque nous voulons accéder aux éléments de manière ordonnée en utilisant une seule variable. On peut stocker des chaînes, des booléens et des nombres dans un seul tableau.
javascript obtenir la longueur du tableau
Ils sont différents Méthodes de tableau JavaScript afin d'effectuer diverses tâches telles que:
poussez() - Il est facile de supprimer des éléments et d'ajouter de nouveaux éléments tout en travaillant avec des tableaux. La méthode push () ajoute à nouvel élément à la fin d'un tableau. La valeur de retour est la nouvelle longueur du tableau.
Exemple:
let listItems = ['sac', 'chaussures', 'robe'] console.log (listItems.push ('regarder'))Production:
4
Push () ne renvoie pas la valeur qui a été ajoutée au tableau. Il ne renvoie que la nouvelle longueur du tableau.
pop ()- La méthode pop () est utilisée pour retirer la dernier élément à partir d'un tableau. Il renvoie la valeur qui a été extraite.
Exemple:
let listItems = ['sac', 'chaussures', 'robe'] console.log (listItems.pop ())
Production:
robe
Pop () renvoie la valeur qui a été supprimée et non la longueur du tableau comme Push ().
décalage() - Le décalage est similaire au popping, travaillant sur le premier élément au lieu du dernier. La méthode shift () est utilisée pour retirer la premier élément du tableau et décale tous les autres éléments vers un indice inférieur. Il vous renverra la chaîne qui a été déplacée.
Exemple:
let listItems = ['sac', 'chaussures', 'robe'] console.log (listItems.shift ())
Production:
sac
Shift () fonctionne de la même manière que pop () mais renvoie le premier élément du tableau au lieu du dernier.
décaler () - La méthode ajoute un nouvel élément au début d'un tableau et décale les éléments plus anciens. Il est similaire à Push () et renvoie la nouvelle longueur du tableau.
Exemple:
let listItems = ['sac', 'chaussures', 'robe', 'regarder'] console.log (listItems.unshift ('téléphone'))Production:
5
Unshift () ajoutera le nouvel élément dans le tableau et retournera la longueur du nouveau tableau.
concat () - La méthode concat () crée un nouveau tableau en concaténant ou fusionner des tableaux existants. Ilne modifie pas le tableau existant et renvoie toujours un nouveau tableau.
Exemple:
let arr1 = ['red', 'blue', 'green'] let arr2 = ['colors', 'spraypaint', 'brush'] let newArr = arr1.concat (arr2) console.log (newArr)
Production:
toString () - La méthode toString () est utilisée pour convertir un tableau à un chaîne des valeurs du tableau, séparées par des virgules.
Exemple:
let colors = ['rouge', 'bleu', 'vert'] console.log (colors.toString ())
Production:
rouge, bleu, vert
joindre() - La méthode join () fonctionne de la même manière que toString (). Il est utilisé pour joindre tous les éléments du tableau dans un chaîne , mais en plus, vous pouvez spécifier le séparateur .
Exemple:
let colors = ['red', 'blue', 'green'] console.log (colors.join ('+'))Production:
rouge + bleu + vert
sens inverse() - La méthode reverse () est utilisée pour sens inverse la ordre des éléments d'un tableau. Cela changera le tableau d'origine et inversera l'ordre des éléments.
Exemple:
let fruits = ['mangue', 'pomme', 'raisin'] console.log (fruits.reverse ())
Production:
Trier() - La méthode sort () est utilisée pour Trier un tableau alphabétiquement . Cette fonction trie les valeurs sous forme de chaîne par défaut.
Exemple:
let fruits = ['mangue', 'pomme', 'raisin'] console.log (fruits.sort ())
Production:
tranche() - La méthode slice () est utilisée pour tranche un morceau d'un tableau dans un nouveau tableau. Il crée un nouveau tableau sans supprimer aucun élément du tableau source. Il renverra la valeur qui a été découpée à partir du tableau.
Exemple:
let colors = ['rouge', 'bleu', 'vert', 'jaune', 'orange'] console.log (colors.slice (1,3))
Production:
Ce sont quelques-unes des méthodes de tableau JavaScript les plus couramment utilisées. Avec cela, nous sommes arrivés à la fin de notre article. J'espère que vous avez compris comment les méthodes de tableau sont utilisées en JavaScript.
Maintenant que vous connaissez les méthodes JavaScript Array, consultez le par Edureka. La formation de certification en développement Web vous aidera à apprendre à créer des sites Web impressionnants à l'aide des API HTML5, CSS3, Twitter Bootstrap 3, jQuery et Google et à les déployer sur Amazon Simple Storage Service (S3).
Vous avez une question pour nous? Veuillez le mentionner dans la section commentaires de «JavaScript Array» et nous vous répondrons.