Maison >interface Web >js tutoriel >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 ; (objet)" .
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 :
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!