Comment convertir un objet en tableau dans ES6

Dans es6, vous pouvez utiliser la méthode from() de l'objet Array pour convertir l'objet en tableau. Cette méthode peut convertir un objet de type tableau ou un objet traversable en un véritable tableau ; )".

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

Dans es6, vous pouvez utiliser la méthode from() de l'objet Array pour convertir l'objet en tableau.

La méthode Array.from() convertit un objet de type tableau ou un objet traversable en un véritable tableau.

Alors, qu’est-ce qu’un objet de type tableau ? L'exigence la plus fondamentale pour ce que l'on appelle un objet de type tableau est un objet avec l'attribut length.

1. Convertissez les objets de type tableau en tableaux réels :

let arrayLike = {
    0 : 'tom',  
    1 : '65',
    2 : 'Mâle',
    3 : ['jane', 'john', 'Mary'],
    'longueur' : 4
}
let arr = Array.from (arrayLike)
console.log(arr) // ['tom','65','M',['jane','john','Mary']]

Alors, que se passe-t-il si l'attribut length dans le code ci-dessus est supprimé ? La pratique a prouvé que la réponse sera un tableau vide de longueur 0.

Modifions à nouveau le code, c'est-à-dire qu'il a l'attribut length, mais le nom de l'attribut de l'objet n'est plus de type numérique, mais d'autres types de chaîne. Le code est le suivant :

let arrayLike = {.
    'nom' : 'tom',  
    'âge' : '65',
    'sexe' : 'masculin',
    'amis' : ['jane', 'john', 'Mary'],
    longueur : 4
}
let arr = Array.from (arrayLike)
console.log(arr) // [ undéfini, undéfini, undéfini, undéfini ]

trouvera que le résultat est un tableau d'une longueur de 4 et que tous les éléments sont indéfinis.

On peut voir que pour convertir un objet de type tableau en un. vrai tableau, vous devez avoir Les conditions suivantes :

• Ce type d'objet tableau doit avoir un attribut de longueur, qui est utilisé pour spécifier la longueur du tableau. S'il n'y a pas d'attribut length, le tableau converti est un tableau vide.

• Le nom d'attribut de ce type d'objet tableau doit être un nombre numérique ou une chaîne

ps : Le nom d'attribut de ce type d'objet tableau peut être cité ou non

2. Convertissez les données de la structure Set en un véritable tableau :

let arr =. [12,45,97,9797,564,134,45642]
let set = nouveau Set (arr)
console.log(Array.from(set)) // [ 12, 45, 97, 9797, 564, 134, 45642 ]

Array.from peut également accepter un deuxième paramètre, qui agit comme la méthode map d'un tableau et est utilisé mapper Chaque élément est traité et la valeur traitée est placée dans le tableau renvoyé. Comme suit :

soit arr = [12,45,97,9797,564,134,45642]
let set = nouveau Set (arr)
console.log(Array.from(set, item => item + 1)) // [ 13, 46, 98, 9798, 565, 135, 45643 ]

3. Convertissez la chaîne en tableau :

let str = 'hello world !';
console.log(Array.from(str)) // ["h", "e", "l", "l", "o", " ", "w", "o", "r", " l", "d", "!"]

4. Le paramètre Array.from est un vrai tableau :

console.log(Array.from([12,45,47,56,213,4654,154]))

comme ça , Array .from renverra un nouveau tableau identique