Tagstring

[Javascript] Accéder dynamiquement et via un chemin sous forme de chaîne de caractères à une information consignée dans un objet ou un tableau JS

Source: DYNAMICALLY Accessing nested JavaScript objects and arrays by string path et un petit jsFiddle pour la route.

[Javascript] Construire un chemin dynamique vers des valeurs de clés stockées dans un objet avec Object.byString

Source: Accessing nested JavaScript objects and arrays by string path et demo.

Mon chemin dynamique était, par exemple, de ce type: const combinedPath = buildPath( $_THIS ) + "." + matchingThreshold;. Le problème venait du fait qu’il n’était pas interprété par javascript comme un chemin mais comme une chaîne de caractères (un console.log m’affichait quelque chose d’aplati du style: priceTable.<=2.size[0].100 au lieu de m’afficher la valeur stockée dans l’objet priceTable qui correspondait au chemin <=2.size[0].100).

Afin que le chemin construit dynamiquement via javascript ne soit pas interprété comme une chaîne de caractères, nous pouvons utiliser la fonction suivante:

Utilisation:

[Javascript] Vérifier qu’une chaîne de caractères string contient une sous-chaîne substring spécifique avec les méthodes includes ou indexOf

Source: en ES6 et pour Internet Explorer How to check whether a string contains a substring in JavaScript?

ES6

ES5 ou plus ancien (Internet Explorer)

Exemple in the field:

[Javascript] Supprimer tous les caractères non numériques d’une chaîne avec la méthode Replace

Source: Strip all non-numeric characters from string in JavaScript.

Attention: cette méthode renverra du texte. Le code myString + 1 renverra 12381.

Pour manipuler les valeurs numériques obtenues, il faut utiliser parseInt:

[LESS][Mixin] Concatener des chaînes de caractères

Source : Concatenate strings in LESS.

Dans mon exemple, je charge différentes variations de la même police (MuseoSansRounded300,500,700 et 900) et je souhaite créer un mixin dont l’argument me permettra de choisir quelle variante je souhaite utiliser pour une classe CSS donnée.

© 2022 devfrontend.info

Theme by Anders NorénUp ↑