Étiquette : map

[Javascript] Utiliser la fonction map à l’intérieur d’une autre fonction

12/07/2022 / admin

Source: How to use map function and arrow function inside another function?

function arrayCalc(arr, fn){ const arrRes = arr.map(a => fn(a)); // and not .map(arr => arr) return arrRes; // missing return statement }

1 2 3 4

function arrayCalc(arr, fn){   const arrRes = arr.map(a => fn(a)); // and not .map(arr => arr)   return arrRes; // missing return statement }

Ou:

function setMarkers(sourceArray, handleBounds = true) { // Autozoom and autocenter for Google maps Clustermap // https://stackoverflow.com/a/40109734 let labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ'; if (handleBounds) { mapApi.boundsObj = mapApi.setBoundsRestriction(); } const arrRes = sourceArray.map(function(location, i) { // console.log('location: ', location); if (handleBounds) { mapApi.boundsObj.extend(location); /* Sets the viewport to contain the given bounds. */ mapApi.mapObj.fitBounds(mapApi.boundsObj); } let marker = new google.maps.Marker({ position: location, label: labels[i % labels.length] }); return marker; }); return arrRes; }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25

function setMarkers(sourceArray, handleBounds = true) {     // Autozoom and autocenter for Google maps Clustermap     // https://stackoverflow.com/a/40109734     let labels = 'ABCDEFGHIJKLMNOPQRSTUVWXYZ';     if (handleBounds) {         mapApi.boundsObj = mapApi.setBoundsRestriction();     }     const arrRes = sourceArray.map(function(location, i) {         // console.log('location: ', location);         if (handleBounds) {             mapApi.boundsObj.extend(location);             /* Sets the viewport to contain the given bounds. */             mapApi.mapObj.fitBounds(mapApi.boundsObj);         }           let marker = new google.maps.Marker({             position: location,             label: labels[i % labels.length]         });           return marker;     });       return arrRes; }

stateSynchronizer.allMarkersObj = mapApi.setMarkers(stateSynchronizer.allLocationsArr, false);

1	stateSynchronizer.allMarkersObj = mapApi.setMarkers(stateSynchronizer.allLocationsArr, false);

[jQuery] Utiliser la méthode .map() pour récupérer des informations, les stocker dans un tableau et les réutiliser

13/09/2017 / admin

Version à utiliser

/* * Responsive Product List Table */ if($('.table-flip-scroll').length == 1){ if(getCurrentMediaQuery === 'small' || getCurrentMediaQuery === 'medium'){ /* * Harmonisation des hauteurs des rangées du tableau */ // ATTENTION: Placer un élément <div> avec la classe '.table-flip-scroll' autour du <table> function matchCellsHeights(columnIndex){ columnIndex++ var columnCellsHeights = $.map($('.table-flip-scroll th:nth-child('+columnIndex+'), .table-flip-scroll td:nth-child('+columnIndex+')'), function(val){ return $(val).outerHeight(); }); var columnHighestCell = Math.max.apply(null, columnCellsHeights); $('.table-flip-scroll th:nth-child('+columnIndex+'), .table-flip-scroll td:nth-child('+columnIndex+')').css('height', columnHighestCell +'px'); } var $th = $('.table-flip-scroll th'); $th.each(function(index){ matchCellsHeights(index); }); /* fin: Harmonisation des hauteurs des rangées du tableau */ } }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30

/* * Responsive Product List Table */ if($('.table-flip-scroll').length == 1){   if(getCurrentMediaQuery === 'small' || getCurrentMediaQuery === 'medium'){       /*      * Harmonisation des hauteurs des rangées du tableau      */       // ATTENTION: Placer un élément <div> avec la classe '.table-flip-scroll' autour du <table>     function matchCellsHeights(columnIndex){       columnIndex++       var columnCellsHeights = $.map($('.table-flip-scroll th:nth-child('+columnIndex+'), .table-flip-scroll td:nth-child('+columnIndex+')'), function(val){         return $(val).outerHeight();       });         var columnHighestCell = Math.max.apply(null, columnCellsHeights);         $('.table-flip-scroll th:nth-child('+columnIndex+'), .table-flip-scroll td:nth-child('+columnIndex+')').css('height', columnHighestCell +'px');           }       var $th = $('.table-flip-scroll th');     $th.each(function(index){       matchCellsHeights(index);     });     /* fin: Harmonisation des hauteurs des rangées du tableau */     } }

---

Version obsolète

// Si la classe .table-flip-scroll est présente sur un élément du DOM... if($('.table-flip-scroll').length == 1){ // [Foundation 6] Si la mediaquery en cours est small ou medium... if(getCurrentMediaQuery === 'small' || getCurrentMediaQuery === 'medium'){ // Initialisation d'une variable listHeight qui récupère la hauteur en PX de chanque cellule d'en-tête d'un tableau var listHeight = $.map($('.thead-first-row').children('th:not(.large)'), function(val){ return $(val).outerHeight(); }); // console.log(listHeight); // Pour chaque rangée dans le corps du tableau... $('.table-flip-scroll tbody tr:not(.sort)').each(function(){ // On initialise la variable 'count' à 0 (pour l'incrémenter ensuite) var count = 0; // Pour chaque cellule dans la rangée ciblée par le .each() parent... $(this).children('td').each(function(){ // L'incrémentation de count se fait ici; elle sert à assigner, pour chaque TD, l'une des valeurs récupérées et stockées dans le tableau plus haut $(this).css('height', listHeight[count ++] + 'px'); }); }); } }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24

// Si la classe .table-flip-scroll est présente sur un élément du DOM... if($('.table-flip-scroll').length == 1){     // [Foundation 6] Si la mediaquery en cours est small ou medium...   if(getCurrentMediaQuery === 'small' || getCurrentMediaQuery === 'medium'){     // Initialisation d'une variable listHeight qui récupère la hauteur en PX de chanque cellule d'en-tête d'un tableau     var listHeight = $.map($('.thead-first-row').children('th:not(.large)'), function(val){       return $(val).outerHeight();     });     // console.log(listHeight);       // Pour chaque rangée dans le corps du tableau...     $('.table-flip-scroll tbody tr:not(.sort)').each(function(){       // On initialise la variable 'count' à 0 (pour l'incrémenter ensuite)       var count = 0;       // Pour chaque cellule dans la rangée ciblée par le .each() parent...       $(this).children('td').each(function(){         // L'incrémentation de count se fait ici; elle sert à assigner, pour chaque TD, l'une des valeurs récupérées et stockées dans le tableau plus haut         $(this).css('height', listHeight[count ++] + 'px');       });     });   }   }

Code sans les commentaires:

if($('.table-flip-scroll').length == 1){ if(getCurrentMediaQuery === 'small' || getCurrentMediaQuery === 'medium'){ var listHeight = $.map($('.thead-first-row').children('th:not(.large)'), function(val){ return $(val).outerHeight(); }); // console.log(listHeight); $('.table-flip-scroll tbody tr:not(.sort)').each(function(){ var count = 0; $(this).children('td').each(function(){ $(this).css('height', listHeight[count ++] + 'px'); }); }); } }

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17

if($('.table-flip-scroll').length == 1){     if(getCurrentMediaQuery === 'small' || getCurrentMediaQuery === 'medium'){     var listHeight = $.map($('.thead-first-row').children('th:not(.large)'), function(val){       return $(val).outerHeight();     });     // console.log(listHeight);       $('.table-flip-scroll tbody tr:not(.sort)').each(function(){       var count = 0;       $(this).children('td').each(function(){         $(this).css('height', listHeight[count ++] + 'px');       });     });   }   }

[jQuery] Vérifier que la valeur d’un attribut contient un élément d’une liste consignée dans une variable avec Filter, Map et Split.

31/05/2013 / admin

1. Définir une liste des formats de fichiers.
2. Si l’attribut ‘title’ de ‘a.link’ contient l’un des formats de fichiers contenus dans la variable ci-dessus, alors ajouter une boprdure autour du lien.

var FILE_FORMAT_LIST = ["PDF","XLSX","TXT"]; jQuery('a.link[title]').each(function(){ jQuery(this).filter(jQuery.map(FILE_FORMAT_LIST, function (val) { return ':contains("' + val + '")'; }).join()).css('border','1px solid red'); });

1 2 3 4 5 6 7

var FILE_FORMAT_LIST = ["PDF","XLSX","TXT"];   jQuery('a.link[title]').each(function(){ jQuery(this).filter(jQuery.map(FILE_FORMAT_LIST, function (val) { return ':contains("' + val + '")'; }).join()).css('border','1px solid red'); });