How to create an object from an array in JavaScript

I've been recently trying to incorporate a functional programming style wherever possible in my code. Here is a little snippet that you can use to create an object from an array for fast look-ups.

Scenario

Let's say you have an array of objects that represent key-value-pairs like this:

const countries = [
	{ key: 'de', value: 'germany' },
	{ key: 'us', value: 'united states' },
	{ key: 'uk', value: 'united kingdom' },
]

Now you're in a position where you want to find a given object by its key. If you only have an array, that is (I think) an O(n) lookup worst-case. An easy solution would be to create an object like this:

const countryMap = {
	de: { key: 'de', value: 'germany' },
	us: { key: 'us', value: 'united states' },
	uk: { key: 'uk', value: 'united kingdom' },
}

Traditional approach: for-loop

Traditionally, you might just use a for-loop (or forEach):

const countryMap = {}
countries.forEach((country) => (countryMap[country.key] = country))

I have to admit, forEach and the ES6 arrow-functions make this piece of code look not too bad. I still like the functional approach better:

Functional approach: reduce

const countryMap = countries.reduce((map, country) => {
	map[country.key] = country
	return map
}, {})

This functional approach should work better with immutable data and where it might be necessary to use the same function in a different place. A reduce function can easily be re-used.

Reusing a reduce function

const mapToObject = function (map, obj) {
	map[obj.key] = obj
	return map
}

const countryMap = countries.reduce(mapToObejct, {})