Maison  >  Article  >  interface Web  >  Comment utiliser la méthode from dans es6

Comment utiliser la méthode from dans es6

WBOY
WBOYoriginal
2022-05-05 15:31:501818parcourir

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

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" ]

Générer un tableau à partir de Set

const set = new Set(['foo', 'bar', 'baz', 'foo']);
Array.from(set);
// [ "foo", "bar", "baz" ]

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'];

À 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 ]

[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!

Déclaration:
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