Maison  >  Article  >  interface Web  >  Comment convertir un objet en tableau dans ES6

Comment convertir un objet en tableau dans ES6

青灯夜游
青灯夜游original
2022-03-08 19:08:558255parcourir

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 ; (objet)" .

Comment convertir un objet en tableau dans ES6

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() consiste à convertir 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 des objets de type tableau en tableaux réels :

let arrayLike = {
    0: 'tom',  
    1: '65',
    2: '男',
    3: ['jane','john','Mary'],
    'length': 4
}
let arr = Array.from(arrayLike)
console.log(arr) // ['tom','65','男',['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.

Changez à 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 = {
    'name': 'tom',  
    'age': '65',
    'sex': '男',
    'friends': ['jane','john','Mary'],
    length: 4
}
let arr = Array.from(arrayLike)
console.log(arr)  // [ undefined, undefined, undefined, undefined ]

Vous constaterez que le. le résultat est de longueur 4, éléments Des tableaux qui sont tous indéfinis

On peut voir que pour

convertir un objet de type tableau en un tableau réel, les conditions suivantes doivent être remplies :

    L'objet de type tableau doit avoir un attribut length, 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 entre guillemets ou non

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

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

est utilisée pour traiter chaque élément et mettre la valeur traitée dans le tableau renvoyé. Comme suit :

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

3. Convertissez la chaîne en tableau : Array.from还可以接受第二个参数,作用类似于数组的map

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

Dans ce cas, Array.from renverra un nouveau tableau identique

【 Lié recommandations :

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