Object.
Crée un objet à partir d’une liste de paires [clé, valeur].
- Renvoie
- Un nouvel objet.
- Modifie l’original
- Non
Exemple
#const pairs = [['html', 11], ['css', 9]]
console.log(Object.fromEntries(pairs))
const prices = { html: 49, css: 59 }
const withVat = Object.fromEntries(
Object.entries(prices).map(([key, price]) => [key, price * 2])
)
console.log(withVat)Définition et utilisation
#La méthode Object.fromEntries() fait l’inverse de Object.entries() : elle construit un objet ordinaire à partir d’une liste de paires [clé, valeur]. Elle accepte un tableau de paires, une Map, ou tout objet itérable qui produit des paires.
On l’utilise le plus souvent pour transformer des objets : vous décomposez l’objet en paires, vous les modifiez avec les méthodes de tableaux, puis vous les réassemblez.
Elle est utile aussi pour transformer une Map en objet, par exemple avant d’enregistrer des données en JSON, ainsi que pour lire les champs d’un formulaire : Object.fromEntries(new FormData(form)).
Syntaxe
#Object.fromEntries(iterable)Paramètres
#iterable
liste de paires
Un tableau, une Map ou un autre objet itérable contenant des paires[clé, valeur].
Compatibilité des navigateurs
#Largement disponible
Fonctionne dans tous les navigateurs modernes, y compris sur mobile. Vous pouvez l’utiliser sans crainte.
- Chrome
- Edge
- Firefox
- Safari
Bonnes pratiques
#- Vous pouvez récupérer les valeurs d’un formulaire en une seule ligne :
Object.fromEntries(new FormData(form)). - Quand des clés se répètent, c’est la dernière paire qui l’emporte.
Entrées associées
#Vous voyez une erreur ou il manque un exemple ? Écrivez-nous.