array – devfrontend.info

Tagarray

[javaScript] Rechercher si une valeur est déjà présente dans un tableau bi-dimensionnel

21/08/2020 / admin

    // https://stackoverflow.com/questions/24943200/javascript-2d-array-indexof
    // https://stackoverflow.com/a/24943461
    // Rechercher si une valeur est déjà présente dans un tableau bi-dimensionnel
    function wasLetterAlreadyPushedInArray(array, value) {
        for (var i = 0; i < array.length; i++) {
            // This if statement depends on the format of your array
            for (var j = 0; j < array[i].length; j++) {
                if (array[i][j] === value) {
                    return true;   // Found it
                }
            }
        }
        return false;   // Not found
    }

// https://stackoverflow.com/questions/24943200/javascript-2d-array-indexof

// https://stackoverflow.com/a/24943461

// Rechercher si une valeur est déjà présente dans un tableau bi-dimensionnel

function wasLetterAlreadyPushedInArray(array, value) {

for (var i = 0; i < array.length; i++) {

// This if statement depends on the format of your array

for (var j = 0; j < array[i].length; j++) {

if (array[i][j] === value) {

return true; // Found it

}

return false; // Not found

}

if ( wasLetterAlreadyPushedInArray(arr_words, index) === false ) {
    inGameLetterCount = inGameLetterCount -1;
}

if ( wasLetterAlreadyPushedInArray(arr_words, index) === false ) {

inGameLetterCount = inGameLetterCount -1;

}

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

26/04/2019 / admin

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

    var arr = [
        { type_id: "3", full_empty:"true", quantity:1},
        { type_id: "3", full_empty:"true", quantity:1},
        { type_id: "9", full_empty:"true", quantity:4},
        { type_id: "9", full_empty:"false", quantity:4},
        { type_id: "9", full_empty:"true", quantity:4},
        { type_id: "9", full_empty:"true", quantity:4},
        { type_id: "9", full_empty:"true", quantity:4}
    ];

    var a = arr.reduce(function (accumulator, current) {
      if (checkIfAlreadyExist(current)) {
        return accumulator
      } else {
        return accumulator.concat([current]);
      }
      
      function checkIfAlreadyExist(currentVal) {
        return accumulator.some(function(item){
          return (item.type_id === currentVal.type_id &&
                  item.full_empty === currentVal.full_empty);
        });
      }
    }, []);
        
    console.log(a);

var arr = [

{ type_id: "3", full_empty:"true", quantity:1},

{ type_id: "9", full_empty:"true", quantity:4},

{ type_id: "9", full_empty:"false", quantity:4},

{ type_id: "9", full_empty:"true", quantity:4},

{ type_id: "9", full_empty:"true", quantity:4}

];

var a = arr.reduce(function (accumulator, current) {

if (checkIfAlreadyExist(current)) {

return accumulator

} else {

return accumulator.concat([current]);

}

function checkIfAlreadyExist(currentVal) {

return accumulator.some(function(item){

return (item.type_id === currentVal.type_id &&

item.full_empty === currentVal.full_empty);

});

}

}, []);

console.log(a);

[javaScript] boucler dans un tableau

06/08/2018 / admin

Source: How to loop through array in jQuery?

javaScript

var i;
for (i = 0; i < substr.length; ++i) {
    // do something with `substr[i]`
}

var i;

for (i = 0; i < substr.length; ++i) {

// do something with `substr[i]`

}

jQuery

jQuery.each(substr, function(index, item) {
    // do something with `item` (or `this` is also `item` if you like)
});

jQuery.each(substr, function(index, item) {

// do something with `item` (or `this` is also `item` if you like)

});

ES5

substr.forEach(function(item) {
    // do something with `item`
});

substr.forEach(function(item) {

// do something with `item`

});

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

02/08/2018 / admin

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/.

<ul class="level0">
  <li>level0
    <ul class="level1">
      <li>level1
        <ul class="level2">
          <li>level2</li>
          <li>level2</li>
          <li>level2</li>
          [...]
        </ul>
      </li>
  </li>
</ul>

<li>level0

<li>level1

<li>level2</li>

[...]

</ul>

</li>

</ul>

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:

// Mise en cache du niveau 2 (crash iOS)
var $cdDropdown = $('#cdDropdown');
$cdDropdown.find('.level2').each(function(){
    cachedMenuEntries.push($(this).detach());
});

$cdDropdown.on('DOMSubtreeModified', function(e) {
    if (e.target.innerHTML.length > 0) {
        $('a', '#cdDropdown').off('click', cachedMenu).on('click', cachedMenu);
    }
});
// end: Mise en cache du niveau 2 (crash iOS)

// Mise en cache du niveau 2 (crash iOS)

var $cdDropdown = $('#cdDropdown');

$cdDropdown.find('.level2').each(function(){

cachedMenuEntries.push($(this).detach());

});

$cdDropdown.on('DOMSubtreeModified', function(e) {

if (e.target.innerHTML.length > 0) {

$('a', '#cdDropdown').off('click', cachedMenu).on('click', cachedMenu);

}

});

// end: Mise en cache du niveau 2 (crash iOS)

function goBack(e) {
    var eClosestUl = e.closest('ul');
    if(eClosestUl.hasClass('level2')){
        eClosestUl.parent('.has-children').parent('ul').removeClass('move-out');
        eClosestUl.remove();
    }
    else{
        eClosestUl.addClass('is-hidden').parent('.has-children').parent('ul').removeClass('move-out');
    }
}

function cachedMenu(e) {
    var element = $(e.currentTarget);
    if(!element.closest('li').hasClass('go-back') && element.closest('ul').hasClass('level1')) {
        var getEntryID = element.closest('li').attr('id');
        matchValue = getEntryID.split('li-')[1];
        $(cachedMenuEntries[searchStringInArray(matchValue, cachedMenuEntries)])
            .removeClass('is-hidden')
            .insertAfter(element);
    }
    if(element.closest('li').hasClass('go-back')) {
        goBack(element);
    }
}

function searchStringInArray (str, strArray) {
    for (var j=0; j<strArray.length; j++) {
        if (strArray[j].context.id == 'ul-'+str) return j;
    }
    return -1;
}

function goBack(e) {

var eClosestUl = e.closest('ul');

if(eClosestUl.hasClass('level2')){

eClosestUl.parent('.has-children').parent('ul').removeClass('move-out');

eClosestUl.remove();

}

else{

eClosestUl.addClass('is-hidden').parent('.has-children').parent('ul').removeClass('move-out');

}

function cachedMenu(e) {

var element = $(e.currentTarget);

if(!element.closest('li').hasClass('go-back') && element.closest('ul').hasClass('level1')) {

var getEntryID = element.closest('li').attr('id');

matchValue = getEntryID.split('li-')[1];

$(cachedMenuEntries[searchStringInArray(matchValue, cachedMenuEntries)])

.removeClass('is-hidden')

.insertAfter(element);

}

if(element.closest('li').hasClass('go-back')) {

goBack(element);

}

function searchStringInArray (str, strArray) {

for (var j=0; j<strArray.length; j++) {

if (strArray[j].context.id == 'ul-'+str) return j;

}

return -1;

}

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

Les crashes peuvent provenir de transitions CSS mal paramétrées; CSS GPU Animation: Doing It Right.

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

05/07/2018 / admin

ECMAScript:

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

var array1 = [5, 12, 8, 130, 44];

var found = array1.find(function(element) {
  return element > 10;
});

console.log(found);
// expected output: 12

var array1 = [5, 12, 8, 130, 44];

var found = array1.find(function(element) {

return element > 10;

});

console.log(found);

// expected output: 12

Javascript:

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

function findInArray(ar, val) {
    for (var i = 0,len = ar.length; i < len; i++) {
        if ( ar[i] > val ) { // first val > leftStackOuterHeight
            return i;
        }
    }
    return -1;
}

var firstMatchingElement = findInArray(output, leftStackOuterHeight);

function findInArray(ar, val) {

for (var i = 0,len = ar.length; i < len; i++) {

if ( ar[i] > val ) { // first val > leftStackOuterHeight

return i;

}

return -1;

}

var firstMatchingElement = findInArray(output, leftStackOuterHeight);

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

05/07/2018 / admin

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

var myarray = [5, 10, 3, 2];

var output = [];
var sum = 0;

for (var i in myarray) {
  sum = sum + myarray[i];
  output.push(sum);
}
console.log(output);

var myarray = [5, 10, 3, 2];

var output = [];

var sum = 0;

for (var i in myarray) {

sum = sum + myarray[i];

output.push(sum);

}

console.log(output);

[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

22/06/2018 / admin

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

      function addHeaderTopRowLinksToMegadropdownXS() {
        var headerHorizontalNav01 = [];
        $cdDropdownContent = $('ul.cd-dropdown-content', '#xsMegaDropdown');

        $('.yCmsComponent', '#page-header').each(function(){
            headerHorizontalNav01.push($(this).html());
        });

        $.each(headerHorizontalNav01, function(i) {
            $('<li class="has-children">'+headerHorizontalNav01[i]+'</li>')
                .appendTo($cdDropdownContent);
        });
      }

function addHeaderTopRowLinksToMegadropdownXS() {

var headerHorizontalNav01 = [];

$cdDropdownContent = $('ul.cd-dropdown-content', '#xsMegaDropdown');

$('.yCmsComponent', '#page-header').each(function(){

headerHorizontalNav01.push($(this).html());

});

$.each(headerHorizontalNav01, function(i) {

$('<li class="has-children">'+headerHorizontalNav01[i]+'</li>')

.appendTo($cdDropdownContent);

});

}

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

12/06/2018 / admin

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) :

.Couleur {
  .facet-mark {
    &:before {
      display: inline-block;
      vertical-align: sub;
      content: "" !important;
      width: 18px;
      height: 18px;
      border: 1px solid #ededed;
    }
  }
  @facetColors: Beige #DEB887, 
                Blanc #ffffff, 
                Bleu #00b0f0, 
                Gris #777777, 
                Jaune #ffe209, 
                Marron #974706, 
                Multicolore linear-gradient(to right, #9400D3 0%,#4B0082 (100%/7)*2,#0000FF (100%/7)*3,#00FF00 (100%/7)*4,#FFFF00 (100%/7)*5, #FF7F00 (100%/7)*6,#FF0000 100%), 
                Noir #000000, 
                Orange #fb6e05, 
                Rose #ff338a, 
                Rouge #ff0000, 
                Vert #00b050, 
                Violet #800080;
  .for(@facetColors); .-each(@value) {
      @name:  extract(@value, 1);
      .@{name} {
        .facet-mark {
          &:before {
            background: extract(@value, 2);
          }
        }
      }
  }
}

.Couleur {

.facet-mark {

&:before {

display: inline-block;

vertical-align: sub;

content: "" !important;

width: 18px;

height: 18px;

border: 1px solid #ededed;

}

@facetColors: Beige #DEB887,

Blanc #ffffff,

Bleu #00b0f0,

Gris #777777,

Jaune #ffe209,

Marron #974706,

Multicolore linear-gradient(to right, #9400D3 0%,#4B0082 (100%/7)*2,#0000FF (100%/7)*3,#00FF00 (100%/7)*4,#FFFF00 (100%/7)*5, #FF7F00 (100%/7)*6,#FF0000 100%),

Noir #000000,

Orange #fb6e05,

Rose #ff338a,

Rouge #ff0000,

Vert #00b050,

Violet #800080;

.for(@facetColors); .-each(@value) {

@name: extract(@value, 1);

.@{name} {

.facet-mark {

&:before {

background: extract(@value, 2);

}

Rendu CSS :

.Couleur .facet-mark:before {
  display: inline-block;
  vertical-align: sub;
  content: "" !important;
  width: 18px;
  height: 18px;
  border: 1px solid #ededed;
}
.Couleur .Beige .facet-mark:before {
  background: #000;
}
.Couleur .Blanc .facet-mark:before {
  background: #fff;
}
.Couleur .Bleu .facet-mark:before {
  background: #00b0f0;
}
.Couleur .Gris .facet-mark:before {
  background: #777;
}
.Couleur .Jaune .facet-mark:before {
  background: #ffe209;
}
.Couleur .Marron .facet-mark:before {
  background: #974706;
}
.Couleur .Multicolore .facet-mark:before {
  background: #000;
}
.Couleur .Noir .facet-mark:before {
  background: #000;
}
.Couleur .Orange .facet-mark:before {
  background: #fb6e05;
}
.Couleur .Rose .facet-mark:before {
  background: #ff338a;
}
.Couleur .Rouge .facet-mark:before {
  background: red;
}
.Couleur .Vert .facet-mark:before {
  background: #00b050;
}
.Couleur .Violet .facet-mark:before {
  background: #000;
}

.Couleur .facet-mark:before {

display: inline-block;

vertical-align: sub;

content: "" !important;

width: 18px;

height: 18px;

border: 1px solid #ededed;

}

.Couleur .Beige .facet-mark:before {

background: #000;

}

.Couleur .Blanc .facet-mark:before {

background: #fff;

}

.Couleur .Bleu .facet-mark:before {

background: #00b0f0;

}

.Couleur .Gris .facet-mark:before {

background: #777;

}

.Couleur .Jaune .facet-mark:before {

background: #ffe209;

}

.Couleur .Marron .facet-mark:before {

background: #974706;

}

.Couleur .Multicolore .facet-mark:before {

background: #000;

}

.Couleur .Noir .facet-mark:before {

background: #000;

}

.Couleur .Orange .facet-mark:before {

background: #fb6e05;

}

.Couleur .Rose .facet-mark:before {

background: #ff338a;

}

.Couleur .Rouge .facet-mark:before {

background: red;

}

.Couleur .Vert .facet-mark:before {

background: #00b050;

}

.Couleur .Violet .facet-mark:before {

background: #000;

}

[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

15/01/2018 / admin

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

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

var optionTexts = [];
$("ul li").each(function() { optionTexts.push($(this).text()) });

1 2	var optionTexts = []; $("ul li").each(function() { optionTexts.push($(this).text()) });

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?
.

var colours = ['red', 'green', 'blue'];
$('.box').each(function(index, element) {
  $(element).addClass(colours[index % colours.length]);
});

var colours = ['red', 'green', 'blue'];

$('.box').each(function(index, element) {

$(element).addClass(colours[index % colours.length]);

});

Exemple:

Code:

<table id="relatedProductsTable" class="product-features-table is-full-width" tal:define="headerLine php: templateManager.getHeaderTable(lines[0])">
	<thead>
		<tr>
			<th tal:repeat="columnTitle headerLine">${columnTitle}</th>
		</tr>
	</thead>
	<tbody>
		<tr tal:define="lines php:templateManager.getLineTable(lines, product)" tal:repeat="line lines">
			<td data-title="" tal:repeat="value line">
				${value}
			</td>
		</tr>
	</tbody>
</table>

<thead>

<tr>

<th tal:repeat="columnTitle headerLine">${columnTitle}</th>

</tr>

</thead>

<tbody>

${value}

</td>

</tr>

</tbody>

</table>

var relatedProductsTableHeadings = [];
$('#relatedProductsTable thead tr th').each(function() {
  relatedProductsTableHeadings.push($(this).text())
});

$('#relatedProductsTable tbody tr td').each(function(index,element) {
  $(element).attr('data-title', relatedProductsTableHeadings[index % relatedProductsTableHeadings.length]);
});

var relatedProductsTableHeadings = [];

$('#relatedProductsTable thead tr th').each(function() {

relatedProductsTableHeadings.push($(this).text())

});

$('#relatedProductsTable tbody tr td').each(function(index,element) {

$(element).attr('data-title', relatedProductsTableHeadings[index % relatedProductsTableHeadings.length]);

});

Résultat dans le DOM:

<table id="relatedProductsTable" class="product-features-table is-full-width">
							<thead>
								<tr>
									<th>Bearing 1</th><th>Nut</th><th>Lock washer</th><th>Feltstrips (optional)</th>								</tr>
							</thead>
							<tbody>
								<tr>
									<td data-title="Bearing 1">
										22220									</td><td data-title="Nut">
										KM 20									</td><td data-title="Lock washer">
										MB 20									</td><td data-title="Feltstrips (optional)">
										9x7,5x428									</td>								</tr>							</tbody>
						</table>

<thead>

<tr>

<th>Bearing 1</th><th>Nut</th><th>Lock washer</th><th>Feltstrips (optional)</th> </tr>

</thead>

<tbody>

<tr>

22220 </td><td data-title="Nut">

KM 20 </td><td data-title="Lock washer">

MB 20 </td><td data-title="Feltstrips (optional)">

9x7,5x428 </td> </tr> </tbody>

</table>

[Javascript] Ressources pour manipuler les tableaux

19/12/2017 / admin

Doc généraliste

La doc officielle de developer.mozilla.org – en français, très bien faite avec des exemples manipulables en live à la jsFiddle!
JavaScript Arrays Tutorial sur le site de Dynamic Web Coding (EN)

Code snippets

Comment ajouter des éléments à un tableau?

var ar = ['one', 'two', 'three']; ar[3] = 'four'; // add new element to ar

1
2

var ar = ['one', 'two', 'three'];
ar[3] = 'four'; // add new element to ar

Comment ajouter des URLs contenus dans un menu (UL>LI) dans un tableau?

<ul class="menu sidebar-navigation vertical accordion-menu">
    <li class="is-accordion-submenu-parent">
        <a href="http://www.local/site_disabled/fr/home-static.html" class="link" onclick="" title="">Accueil</a>
    </li>
    <li class="is-accordion-submenu-parent">
        <a href="http://www.local/site_disabled/fr/flightlist-a-static.html" class="link" onclick="" title="">Arrivées du jour</a>
    </li>
    <li class="is-accordion-submenu-parent">
        <a href="http://www.local/site_disabled/fr/flightlist-d-static.html" class="link" onclick="" title="">Départs du jour</a>
    </li>
    <li class="is-accordion-submenu-parent">
        <a href="http://www.local/site_disabled/fr/companylist-static.html" class="link" onclick="" title="">Compagnies aériennes</a>
    </li>
</ul>

<a href="http://www.local/site_disabled/fr/home-static.html" class="link" onclick="" title="">Accueil</a>

</li>

<a href="http://www.local/site_disabled/fr/flightlist-a-static.html" class="link" onclick="" title="">Arrivées du jour</a>

</li>

<a href="http://www.local/site_disabled/fr/flightlist-d-static.html" class="link" onclick="" title="">Départs du jour</a>

</li>

<a href="http://www.local/site_disabled/fr/companylist-static.html" class="link" onclick="" title="">Compagnies aériennes</a>

</li>

</ul>

var staticNavURLs = [];
$mobileMenu.find('a').each(function(){
    staticNavURLs.push($(this).attr('href'));
});

var staticNavURLs = [];

$mobileMenu.find('a').each(function(){

staticNavURLs.push($(this).attr('href'));

});

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?

var facetEntriesOffset = [];
$('.facet.dropdown', '#refinementFacets').each(function(){
    facetEntriesOffset.push({
        offsetLeft: $(this).offset().left,
        middle: $(this).outerWidth()/2
    });
});

var facetEntriesOffset = [];

$('.facet.dropdown', '#refinementFacets').each(function(){

facetEntriesOffset.push({

offsetLeft: $(this).offset().left,

middle: $(this).outerWidth()/2

});

Comment supprimer tous les éléments d’une tableau, sauf les N derniers?

arr = arr.slice(-1 * n);

1

arr = arr.slice(-1 * n);

Alternatively, modify the existing array with splice().

arr.splice(0, arr.length - n);

1

arr.splice(0, arr.length - n);

get closest number out of array

function closest (num, arr) {
    var curr = arr[0];
    var diff = Math.abs (num - curr);
    for (var val = 0; val < arr.length; val++) {
        var newdiff = Math.abs (num - arr[val]);
        if (newdiff < diff) {
            diff = newdiff;
            curr = arr[val];
        }
    }
    return curr;
}
array = [2, 42, 82, 122, 162, 202, 242, 282, 322, 362];
number = 112;
alert (closest (number, array));

function closest (num, arr) {

var curr = arr[0];

var diff = Math.abs (num - curr);

for (var val = 0; val < arr.length; val++) {

var newdiff = Math.abs (num - arr[val]);

if (newdiff < diff) {

diff = newdiff;

curr = arr[val];

}

return curr;

}

array = [2, 42, 82, 122, 162, 202, 242, 282, 322, 362];

number = 112;

alert (closest (number, array));

check if value exist or lies between particular values in array

var dataArr = [10, 20, 30, 50, 70, 80, 90, 100];

function _find(array, search) {
  var indexes = [],
      len = array.length,
      i,
      index = array.indexOf(search);

  if (~index) {
    return index;
  }

  if (search < array[0]) {
    return -1;  
  }

  for (i = 1; i < len; i++) {
    if (array[i] >= search) {
      return [i - 1, i];
    }    
  }

  return -1;
}


console.log(_find(dataArr, 22));

var dataArr = [10, 20, 30, 50, 70, 80, 90, 100];

function _find(array, search) {

var indexes = [],

len = array.length,

index = array.indexOf(search);

if (~index) {

return index;

}

if (search < array[0]) {

return -1;

}

for (i = 1; i < len; i++) {

if (array[i] >= search) {

return [i - 1, i];

}

return -1;

}

console.log(_find(dataArr, 22));

How to compare values between two arrays?

var A = [2, 12, 3, 42];
var B = [12, 42, 44, 12, 123];

var len = Math.max(A.length, B.length);
console.log(len)
for (var i = 0; i < len; i++) {
  console.log(A[i], B[i], A[i] === B[i])
}

var A = [2, 12, 3, 42];

var B = [12, 42, 44, 12, 123];

var len = Math.max(A.length, B.length);

console.log(len)

for (var i = 0; i < len; i++) {

console.log(A[i], B[i], A[i] === B[i])

}

Logic for checking in-between two numbers – Attention au code d’exemple qui fonctionne bien mais qui omet les accolades !!!.

var i; var y = 0; var val = 321; var zones = [0,150,300,400,600,800];
for (i = 0; i < zones.length; i++){
    if (val >= zones[i]){
        y = i;
    }
}
console.log('Value ' + val + ' is at position ' + y);

var i; var y = 0; var val = 321; var zones = [0,150,300,400,600,800];

for (i = 0; i < zones.length; i++){

if (val >= zones[i]){

y = i;

}

console.log('Value ' + val + ' is at position ' + y);

Theme by Anders Norén — Up ↑

devfrontend.info

Le bloc-notes professionnel d'un développeur front-end senior

Articles récents

Catégories

Archives

Méta

Tagarray

[javaScript] Rechercher si une valeur est déjà présente dans un tableau bi-dimensionnel

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

[javaScript] boucler dans un tableau

javaScript

jQuery

ES5

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

Axes d’amélioration

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:

Javascript:

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

[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

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

[Javascript] Ressources pour manipuler les tableaux

Doc généraliste

Code snippets

Le bloc-notes professionnel d'un développeur front-end senior

Articles récents

Catégories

Tags

Archives

Méta

Tagarray

javaScript

jQuery

ES5

Axes d’amélioration

D’autres pistes si vous avez des crashes iOS

ECMAScript:

Javascript:

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

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

Exemple:

Code:

Résultat dans le DOM:

Doc généraliste

Code snippets