← 返回首页
TypedArray.from() - JavaScript | MDN
HTML

HTML: Markup language

HTML reference HTML guides Markup languages
CSS

CSS: Styling language

CSS reference CSS guides Layout cookbook
JavaScriptJS

JavaScript: Scripting language

JS reference JS guides
Web APIs

Web APIs: Programming interfaces

Web API reference Web API guides
All

All web technology

Technologies Topics
Learn

Learn web development

Frontend developer course Learn HTML Learn CSS Learn JavaScript
Tools

Discover our tools

About

Get to know MDN better

Blog
Basculer la barre latérale
  1. Web
  2. JavaScript
  3. Référence
  4. Objets natifs standards
  5. TypedArray
  6. TypedArray.from()
Thème
  • Automatique
  • Clair
  • Sombre
Français
Se souvenir de la langue En savoir plus

Cette page a été traduite à partir de l'anglais par la communauté. Vous pouvez contribuer en rejoignant la communauté francophone sur MDN Web Docs.

View in English Always switch to English

TypedArray.from()

Baseline Large disponibilité

Cette fonctionnalité est bien établie et fonctionne sur de nombreux appareils et versions de navigateurs. Elle est disponible sur tous les navigateurs depuis septembre 2016.

La méthode TypedArray.from() crée un nouvel objet TypedArray à partir d'un objet itérable ou d'un objet semblable à un tableau. Cette méthode est similaire à Array.from().

Dans cet article

Syntaxe

js
TypedArray.from(source[, mapFn[, thisArg]])

où TypedArray est l'un de :

Paramètres

source

Un objet semblable à un tableau ou un objet itérable, et à partir duquel on souhaite créer un tableau typé.

fonctionMap

Argument optionnel, une fonction à appliquer à chacun des éléments du tableau.

thisArg

Argument optionnel. La valeur à utiliser pour this lors de l'exécution de la fonction fonctionMap.

Valeur de retour

Une nouvelle instance de TypedArray.

Description

TypedArray.from() permet de créer des tableaux typés à partir :

Array.from possède un paramètre optionnel fonctionMap, qui permet d'exécuter une fonction map sur chacun des éléments du tableau typé (ou de l'instance de la classe fille) qui est créé. Autrement dit TypedArray.from(obj, fonctionMap, thisArg) correspond exactement à TypedArray.from(obj).map(fonctionMap, thisArg).

Il existe de légères différences entre Array.from() et TypedArray.from() :

  • Si la valeur de this passée à TypedArray.from n'est pas un constructeur, TypedArray.from lèvera une exception TypeError, tandis que Array.from créera un nouvel objet Array.
  • TypedArray.from utilise [[Set]] tandis que Array.from utilise [[DefineProperty]]. Ainsi par exemple lorsque des objets Proxy sont manipulés la première méthode appellera handler.set pour créer les nouveaux éléments et la seconde appellera handler.defineProperty.
  • Lorsque source est un itérable, TypedArray.from va dans un premier temps récupérer toutes ses valeurs, puis initialiser une instance de this à l'aide de leur nombre, et enfin ajouter ces valeurs à l'instance. Array.from ajoute les valeurs au nouvel objet lors du parcours de l'itérateur et ne définit la taille de l'objet qu'en dernière étape.
  • Si Array.from reçoit un objet semblable à un tableau qui n'est pas un itérable, les valeurs non définies sont conservées. TypedArray.from construit un objet dense en éliminant ces valeurs.

Exemples

js
// Set (objet itérable) var s = new Set([1, 2, 3]); Uint8Array.from(s); // Uint8Array [ 1, 2, 3 ] // String Int16Array.from("123"); // Int16Array [ 1, 2, 3 ] // En utilisant un fonction fléchée en tant que // fonctionMap pour manipuler les éléments Float32Array.from([1, 2, 3], (x) => x + x); // Float32Array [ 2, 4, 6 ] // Pour construire une séquence de nombres Uint8Array.from({ length: 5 }, (v, k) => k); // Uint8Array [ 0, 1, 2, 3, 4 ]

Spécifications

Spécification
ECMAScript® 2027 Language Specification
# sec-%typedarray%.from

Compatibilité des navigateurs

Activez JavaScript pour afficher ce tableau de compatibilité des navigateurs.

Voir aussi

Aider à améliorer MDN

Cette page vous a-t-elle été utile ?
Oui Non
Apprendre à contribuer

Cette page a été modifiée le 17 déc. 2024 par les contributeur·ice·s du MDN.

Voir cette page sur GitHub • Signaler un problème avec ce contenu
  1. Objets natifs standards
  2. TypedArray
  3. Méthodes statiques
    1. TypedArray.from()
    2. TypedArray.of()
  4. Propriétés statiques
    1. TypedArray.BYTES_PER_ELEMENT
    2. get TypedArray[@@species]
  5. Méthodes d'instance
    1. TypedArray.prototype.at()
    2. TypedArray.prototype.copyWithin()
    3. TypedArray.prototype.entries()
    4. TypedArray.prototype.every()
    5. TypedArray.prototype.fill()
    6. TypedArray.prototype.filter()
    7. TypedArray.prototype.find()
    8. TypedArray.prototype.findIndex()
    9. findLast()
    10. findLastIndex()
    11. TypedArray.prototype.forEach()
    12. TypedArray.prototype.includes()
    13. TypedArray.prototype.indexOf()
    14. TypedArray.prototype.join()
    15. TypedArray.prototype.keys()
    16. TypedArray.prototype.lastIndexOf()
    17. TypedArray.prototype.map()
    18. TypedArray.prototype.reduce()
    19. TypedArray.prototype.reduceRight()
    20. TypedArray.prototype.reverse()
    21. TypedArray.prototype.set()
    22. TypedArray.prototype.slice()
    23. TypedArray.prototype.some()
    24. TypedArray.prototype.sort()
    25. TypedArray.prototype.subarray()
    26. TypedArray.prototype.toLocaleString()
    27. toReversed()
    28. toSorted()
    29. TypedArray.prototype.toString()
    30. TypedArray.prototype.values()
    31. with()
    32. TypedArray.prototype[@@iterator]()
  6. Propriétés d'instance
    1. TypedArray.prototype.buffer
    2. TypedArray.prototype.byteLength
    3. TypedArray.prototype.byteOffset
    4. TypedArray.prototype.length
  7. Héritage
  8. Object/Function
  9. Méthodes statiques
    1. apply()
    2. bind()
    3. call()
    4. toString()
    5. [Symbol.hasInstance]()
  10. Propriétés statiques
    1. displayName
    2. length
    3. name
    4. prototype
    5. arguments
    6. caller
  11. Méthodes d'instance
    1. Object.prototype.__defineGetter__()
    2. Object.prototype.__defineSetter__()
    3. Object.prototype.__lookupGetter__()
    4. Object.prototype.__lookupSetter__()
    5. Object.prototype.hasOwnProperty()
    6. Object.prototype.isPrototypeOf()
    7. Object.prototype.propertyIsEnumerable()
    8. Object.prototype.toLocaleString()
    9. Object.prototype.toString()
    10. Object.prototype.valueOf()
  12. Propriétés d'instance
    1. Object.prototype.__proto__
    2. Object.prototype.constructor
  13. Pages similaires
  14. BigInt64Array
  15. BigUint64Array
  16. Float16Array
  17. Float32Array
  18. Float64Array
  19. Int8Array
  20. Int16Array
  21. Int32Array
  22. Uint8Array
  23. Uint8ClampedArray
  24. Uint16Array
  25. Uint32Array

Votre modèle pour un internet meilleur.

MDN Contribuer Développeur·euse·s

Visitez la société mère à but non lucratif de Mozilla Corporation, la Fondation Mozilla.
Certaines parties de ce contenu sont protégées par le droit d'auteur ©1998—2026 des contributeurs individuels de mozilla.org. Contenu disponible sous une licence Creative Commons.