FreeCodeCamp/HelpFrontEnd

Get help on our Front End Development projects.

asmaamoussa

@asmaamoussa

Hello;
I am almost done with my pen. plz let me know ur opinion and I also want to know how to center align the social media buttons at the very end?

https://codepen.io/asmaamoussa/pen/MJjpaO?editors=1100

John Nunns

@johnnunns

var x = []
function convertObjectToList(obj) {
  for(var i in obj){

    x.push(obj[i])
  }

  return x
}

convertObjectToList(obj)

asmaamoussa

@asmaamoussa

https://codepen.io/asmaamoussa/pen/MJjpaO?editors=1100

JD Tadlock

@jdtdesigns

@johnnunns Not outside the function, just above the for loop

And you're pushing an array to the array, not just the value

and the array's first value will be the property and the second value is the object value

John Nunns

@johnnunns

oh wow

function convertObjectToList(obj) {
    var x = []
  for(var i in obj){

    x.push([i,obj[i]])
  }

  return x
}

convertObjectToList(obj)

I think I did it?

Sorin Ruse

@sorinr

@asmaamoussa as i said yesterday using same colors fur the buttons in the nav as you have the on the picture's doors it will make sense to the user that clicking that button will open a specific door (get some specific info)

JD Tadlock

@jdtdesigns

;)

@johnnunns

John Nunns

@johnnunns

ok, here's the barrage of questions now :)

i by itself equaled all of the values in the object correct?

JD Tadlock

@jdtdesigns

the properties

John Nunns

@johnnunns

only the properties?

JD Tadlock

@jdtdesigns

yep

John Nunns

@johnnunns

so if i console.log(i) it would just be name, age, etc

JD Tadlock

@jdtdesigns

correct

John Nunns

@johnnunns

ok, well that's that then

because it makes sense to me that obj[i] then equals the values

cool stuff.

JD Tadlock

@jdtdesigns

eezypeezy

John Nunns

@johnnunns

Still got to it with your help and some very random tinkering haha

asmaamoussa

@asmaamoussa

@sorinr yes I loved your idea and on my way to execute it. Now I am more concerned with positioning the social media buttons. can u help

John Nunns

@johnnunns

thanks bud @jdtdesigns

CamperBot

@camperbot

johnnunns sends brownie points to @jdtdesigns :sparkles: :thumbsup: :sparkles:

:cookie: 860 | @jdtdesigns |http://www.freecodecamp.com/jdtdesigns

JD Tadlock

@jdtdesigns

@johnnunns welcome

John Nunns

@johnnunns

what's the higher level function you could use for it?

or is there one?

JD Tadlock

@jdtdesigns

.reduce() is for arrays so wouldn't work for that

lodash allows you to use any of the higher orders on objects as well

which is why most devs use it on every project

as well as me :P

Sorin Ruse

@sorinr

@asmaamoussa suppose you want them centered. right?

alpox

@alpox

@johnnunns @jdtdesigns Converting the object keys to an array and then map over it:

Object.keys(obj).map((key, idx) => [idx, obj[key]]);

asmaamoussa

@asmaamoussa

@sorinr yup

JD Tadlock

@jdtdesigns

@alpox ;)

Sorin Ruse

@sorinr

@asmaamoussa just add text-align: center; to #social-media{ in css

asmaamoussa

@asmaamoussa

@sorinr I did already and it wasn't working. now it did work :D

Sorin Ruse

@sorinr

@asmaamoussa maybe u had some other code before that was canceling that property

asmaamoussa

@asmaamoussa

@sorinr yes... anyways, thank u. you've been a great help

CamperBot

@camperbot

asmaamoussa sends brownie points to @sorinr :sparkles: :thumbsup: :sparkles:

:star2: 1111 | @sorinr |http://www.freecodecamp.com/sorinr

Sorin Ruse

@sorinr

@alpox not sure if the above will work for nested data

@asmaamoussa welcome

JD Tadlock

@jdtdesigns

@alpox i win Object.keys(obj).map(key=> [key, obj[key]])

Sorin Ruse

@sorinr

lol

Where communities thrive

People

Repo info

Activity