Méthodes des tableaux typés
La méthode from()
La méthode from() crée un nouveau tableau typé à partir de tout objet itérable :
Exemples
Créez un tableau typé à partir d'une chaîne :
const myArr = Int16Array.from("1234567890"); Créez un tableau typé à partir d'un tableau :
const myArr = Int16Array.from([1,2,3,4,5,6,7,8,9,0]); La méthode of()
La méthode of() crée un nouveau tableau typé à partir d'un certain nombre d'arguments :
Exemple
const myArr = Int16Array.of(1,2,3,4,5,6,7,8,9,0); La propriété constructor.name
La propriété constructor.name renvoie le nom (type) d'un tableau typé :
Exemple
myArr.constructor.name La propriété BYTES_PER_ELEMENT
BYTES_PER_ELEMENT renvoie le nombre d'octets utilisés pour stocker chaque élément du tableau :
Exemple
myArr.BYTES_PER_ELEMENT Méthodes de tableau courantes
Les tableaux typés partagent de nombreuses méthodes avec les tableaux standards :
-
Itération : forEach(), map(), filter(), reduce(), reduceRight(), every(), some(), find(), findIndex(), findLast(), findLastIndex().
-
Recherche : includes(), indexOf(), lastIndexOf().
-
Manipulation : at(), copyWithin(), fill(), reverse(), set(), slice(), sort(), subarray().
-
Conversion : join(), toLocaleString(), toString().
-
Méthodes non mutantes : toReversed(), toSorted(), with().
La méthode fill()
La méthode fill() modifie tous les éléments d'un tableau typé en leur attribuant une valeur :
Exemple
Remplissez tous les éléments du tableau avec une valeur :
myArr.fill(200); La méthode fill() prend deux arguments optionnels : l'index de départ et l'index de fin :
Exemple
Remplissez certains éléments du tableau avec une valeur :
myArr.fill(200, 0, 3); La méthode find()
La méthode find() renvoie le premier élément qui satisfait un test :
Exemple
myArr.find((x) => x > 18) La méthode some()
La méthode some() renvoie true si un élément satisfait la condition d'une fonction fournie :
Exemple
myArr.some((x) => x > 18) Méthodes de tableau non disponibles
Certaines méthodes de tableau ne sont PAS disponibles pour les tableaux typés.
Cela est dû à leur nature à longueur fixe et à l'absence de structure flexible.
| Méthode | Tableau | Tableau typé |
|---|---|---|
| pop() | Oui | NON |
| push() | Oui | NON |
| shift() | Oui | NON |
| unshift() | Oui | NON |
| splice() | Oui | NON |
| flat() | Oui | NON |
| flatMap() | Oui | NON |
| concat() | Oui | NON |
| toSpliced() | Oui | NON |
APIs de navigateur prenant en charge les tableaux typés
Exemple de Fetch API
fetch(url)
.then(request => request.arrayBuffer())
.then(arrayBuffer =>...);
Exemple de Canvas
const canvas = document.getElementById('my_canvas');
const context = canvas.getContext('2d');
const imageData = context.getImageData(0, 0, canvas.width, canvas.height);
const uint8ClampedArray = imageData.data; En savoir plus :
Support des navigateurs
Les tableaux typés sont une fonctionnalité ES6 .
ES6 est entièrement pris en charge dans tous les navigateurs modernes depuis juin 2017 :
| Chrome 51 | Edge 15 | Firefox 54 | Safari 10 | Opera 38 |
| Mai 2016 | Avr 2017 | Juin 2017 | Sep 2016 | Juin 2016 |