Turn array into objects in javascript

Question

I'm trying to sort a big collection of data in google sheets app script which doesn't support ES6! (I think)

The array looks something like this var data = [["Frank", "[email protected]", 21],["Mark", "[email protected]", 23]]

I would love the idea to turn the array into objects where I can access every object by the name ex:

Frank.name
Frank.email
Frank.age

I tried the following

function Driver(name, email, age) {
    this.name= name;
    this.email= email;
    this.age = age;
  }

and then

for(var i=0; i<data.length; i++){
  data[i][0]= new Driver (data[i][0],data[i][1],data[i][2])
}

But it is not working Can You help me with this?

Can the data array be made to an object? Example: var data= {name: 'John Doe', email: '[email protected]', age: 35}; — Kevin From
– Kevin From, Commented Jan 20, 2020 at 20:18
If you get same names, you lose the old value, [["Frank", "[email protected]", 21],["Mark", "[email protected]", 23], ["Frank", "[email protected]", 24]]. So better to convert you array to array of object and iterate them. — Naren
– Naren, Commented Jan 20, 2020 at 20:25
In case, If you want to convert into an array of objects, this might be helpful. var data = [["Frank","franksmail",2], ["name2", "mail2", 3], ["name3", "mail3", 4]] var drivers = data.map(props => new Driver(...props)) — Naren
– Naren, Commented Jan 20, 2020 at 20:41

Wendelin · Accepted Answer · 2020-01-21 00:15:37Z

5

If I understand your requirement

I would love the idea to turn the array into objects where I can access every object by the name

correctly, then the solution is as simple as this:

ES6 Version

function Driver(name, email, age) {
    this.name= name;
    this.email= email;
    this.age = age;
}

const data = [["Frank","franksmail",2], ["name2", "mail2", 3], ["name3", "mail3", 4]]


const mappedData = data
//map the array of arrays to an array of Drivers
.map(props => new Driver(...props))
//reduce the array of drivers to a single object
.reduce((accumulator, currentDriver) => {
    accumulator[currentDriver.name] = currentDriver
    return accumulator
}, {})


console.log(mappedData)
console.log(mappedData.Frank.email)

ES5 Version:

function Driver(name, email, age) {
    this.name= name;
    this.email= email;
    this.age = age;
}
var data = [["Frank","franksmail",2], ["name2", "mail2", 3], ["name3", "mail3", 4]]


var mappedData = data
//map the array of arrays to an array of Drivers
.map(function (props) {
  return new Driver(props[0], props[1], props[2])
})
//reduce the array of drivers to a single object
.reduce(function (accumulator, currentDriver) {
    accumulator[currentDriver.name] = currentDriver
    return accumulator
}, {})


console.log(mappedData)
console.log(mappedData.Frank.email)

Warning:
If you have to Divers with the same name in your data array then you'll loose one of them.

edited Jan 21, 2020 at 0:15

answered Jan 20, 2020 at 20:23

Wendelin

2,4111 gold badge14 silver badges29 bronze badges

Sign up to request clarification or add additional context in comments.

6 Comments

Naren Over a year ago

What if you get the same name in the array, you lose the old value. Better to convert an array of objects.

Wendelin Over a year ago

Thank you for pointing that out. I am aware of this fact, however the OP might not. (he's asking for the objects to be accessible by their name). I've added a notice

Naren Over a year ago

Yeah, but just to inform 😜

TheAddonDepot Over a year ago

@Wendelin Apps Script does not support ES6, hence TheMaster's downvote.

Wendelin Over a year ago

@TheMaster oh, ok. I'm sorry. I indeed missed out on that detail. But next time please provide more specific comment. I'll update my answer.

|

Collectives™ on Stack Overflow

Turn array into objects in javascript

1 Answer 1

6 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

6 Comments

Your Answer

Sign up or log in

Post as a guest

Related