Comment utiliser la méthode from dans es6

WBOY
Libérer: 2022-05-05 15:31:50
original
1846 Les gens l'ont consulté

Dans es6, la méthode from est utilisée pour convertir des objets de type tableau et des objets traversables en tableaux réels. Le résultat renvoyé est une nouvelle instance de tableau qui a été convertie. La syntaxe est "Array.from (vous souhaitez convertir en pseudo-". objet tableau ou objet itérable du tableau, fonction de rappel, cet objet lors de l'exécution de la fonction de rappel)".

Comment utiliser la méthode from dans es6

L'environnement d'exploitation de ce tutoriel : système Windows 10, ECMAScript version 6.0, ordinateur Dell G3.

Comment utiliser la méthode from dans es6

Cette méthode est utilisée pour convertir deux types d'objets en tableaux réels : les objets de type tableau et les objets traversables

Syntaxe

Array.from( arrayLike, mapFun, thisArg );
Copier après la connexion

Parameters

arrayLike : obligatoire ; . Un objet pseudo-tableau ou un objet itérable que vous souhaitez convertir en tableau ;

mapFun : facultatif. Si ce paramètre est spécifié, la fonction de rappel sera exécutée pour chaque élément du nouveau tableau.

thisArg : facultatif. Cet objet est utilisé lors de l'exécution de la fonction de rappel mapFun.

Valeur de retour

Une nouvelle instance de tableau

L'exemple est le suivant :

Générer un tableau à partir de String

Array.from('foo'); 
// [ "f", "o", "o" ]
Copier après la connexion

Générer un tableau à partir de Set

const set = new Set(['foo', 'bar', 'baz', 'foo']);
Array.from(set);
// [ "foo", "bar", "baz" ]
Copier après la connexion

Générer un tableau à partir de Map

const map = new Map([[1, 2], [2, 4], [4, 8]]);
Array.from(map);
// [[1, 2], [2, 4], [4, 8]]
const mapper = new Map([['1', 'a'], ['2', 'b']]);
Array.from(mapper.values());
// ['a', 'b'];
Array.from(mapper.keys());
// ['1', '2'];
Copier après la connexion

À partir d'un objet de tableau de classe ( arguments ) Générer un tableau

function f() {
  return Array.from(arguments);
}
f(1, 2, 3);
// [ 1, 2, 3 ]
Copier après la connexion

[Recommandations associées : tutoriel vidéo javascript, front-end web]

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Étiquettes associées:
es6
source:php.cn
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal