Tagarray

[Javascript] Supprimer les entrées dupliquées d’un tableau clé/valeur

Source: Removing elements from an array of objects based on duplicate values of multiple keys

[javaScript] boucler dans un tableau

Source: How to loop through array in jQuery?

javaScript

jQuery

ES5

[javaScript] Mettre en cache un sous-niveau de navigation pour éviter un crash du navigateur sous iOS (iPhone)

Inspiration pour ce code:


Je pars d’un menu dont la structure HTML est la suivante (une liste imbriquée simple) : https://jsfiddle.net/xpvt214o/513005/.

Sous iPhone, le menu a visiblement trop d’entrées. En tout cas lorsqu’on l’affiche, le navigateur Safari crashe et recharge la page. J’ai remarqué au cours de mes tests qu’en supprimant le dernier sous-niveau d’arborescence (.level2 dans mon exemple), le navigateur ne crashait plus. J’ai donc mis en place un système de cache du dernier sous-niveau d’arborescence de mon menu.

Ce système consiste à mettre en cache dans un tableau javaScript array et à l’aide des méthodes .push() et .detach() (jQuery) tous les derniers sous-niveaux d’arborescence. Ils ne sont, de cette manière, plus présents dans le DOM lorsqu’on ouvre le menu qui se trouve ainsi beaucoup plus léger à manipuler.

A l’activation d’un sous-menu mis en cache, on le fait ré-apparaître dans le DOM en le sortant du tableau. On fait le lien entre la rubrique activée et la sous-rubrique correspondante via un système d’IDs:

On invoque la fonction searchStringInArray pour rechercher dans l’intégralité des entrées du tableau cachedMenuEntries l’information [*].context.id qui va matcher avec l’ID de la rubrique que nous venons d’activer:

Axes d’amélioration

  • Utiliser un tableau clé/valeur (key/value)

D’autres pistes si vous avez des crashes iOS

[Javascript] Filtrer les éléments d’un tableau et stopper à la première occurrence qui matche

ECMAScript:

Sources: JavaScript filter that stops at the first result et Array.prototype.find().

Javascript:

Source: How to Search Arrays in JavaScript: Searching Arrays Using for Loops.

[Javascript] Créer un tableau de sommes cumulées avec For

Source: Creating an array of cumulative sum in javascript et demo.

[jQuery] Alimenter un tableau à partir d’une boucle .each() avec .push() et générer une liste UL LI avec les données stockées dans celui-ci

Sources: How to create an array from .each loop with jQuery et How to generate UL Li list from string array using jquery?.

[LESS] Un mixin pour boucler dans un tableau contenant des valeurs allant par pairs

Attention: le plugin for.less utilisé dans l’exemple ci-dessous est déprécié selon un commenatire laissé dans le code source de l’auteur. Il faut désormais utiliser List/Array manipulation for Less.

Source: Loop over an array of name value pairs in LESS et mixin sous Git.

CSS color codes & names (tableaux de correspondances Nom de couleur > Code hexadécimal).

Mixin LESS (ne pas oublier d’inclure le mixin for.less) :

Rendu CSS :

[jQuery] Stocker dans un tableau tous les éléments d’une liste et ajouter des classes à n divs en fonction du contenu de ce tableau

Stocker dans un tableau tous les éléments d’une liste

Source: Get an array of list element contents in jQuery
.

Ajouter des classes à n divs en fonction du contenu de ce tableau

Source: How do I add class from array to n divs using .each function?
.

Exemple:

Code:

Résultat dans le DOM:

[Javascript] Ressources pour manipuler les tableaux

Doc généraliste

Code snippets

  • Comment ajouter des éléments à un tableau?
  • Comment ajouter des URLs contenus dans un menu (UL>LI) dans un tableau?

    Le console.log renvoie ceci:

    (4) ["http://www.local/site_disabled/fr/home-static.html", "http://www.local/site_disabled/fr/flightlist-a-static.html", "http://www.local/site_disabled/fr/flightlist-d-static.html", "http://www.local/site_disabled/fr/companylist-static.html"]
    0: "http://www.local/site_disabled/fr/home-static.html"
    1: "http://www.local/site_disabled/fr/flightlist-a-static.html"
    2: "http://www.local/site_disabled/fr/flightlist-d-static.html"
    3: "http://www.local/site_disabled/fr/companylist-static.html"
    length: 4

  • Comment ajouter des entrées clé+valeur (key+value) à un tableau?
  • Comment supprimer tous les éléments d’une tableau, sauf les N derniers?

    Alternatively, modify the existing array with splice().

  • get closest number out of array
  • check if value exist or lies between particular values in array

  • How to compare values between two arrays?
  • Logic for checking in-between two numbersAttention au code d’exemple qui fonctionne bien mais qui omet les accolades !!!.

[jQuery] Stocker plusieurs données dans une variable sous forme de tableau et interroger la variable pour savoir si elle contient une donnée ou pas

Source: https://stackoverflow.com/questions/13509669/find-out-if-a-variable-is-in-an-array

© 2020 FrontEndDeveloper

Theme by Anders NorénUp ↑