how to navigate object properties using destructuring

Question

I have the following code, i'm using Typescript:

interface User {
  email: string
  password: string
}

const user : User = {
  email: 'foo@bar.com',
  password: 'foo'
}

for (let prop in user) {
  // how to get key and value destructuring
}

How do I get the property and the value of my object in two variables?

Does this answer your question? [Typescript element implicitly has type any with for...in loops](https://stackoverflow.com/questions/59233965/typescript-element-implicitly-has-type-any-with-for-in-loops) — Roberto Zvjerković, Jul 27 '21 at 15:18

score 0 · Accepted Answer · answered Jul 27 '21 at 15:20

If you want to loop over the properties and print each, a solution that worked for me on the TS playground is using Object.entries():


interface User {
  email: string
  password: string
}

const user : User = {
  email: 'foo@bar.com',
  password: 'foo'
}

for (let [k, v] of Object.entries(user)) {
    console.log("property " + k + " is ")
    console.log(v);
}

Not quite sure what you mean with null values, since you can't assign null to those properties (tsc will error). If the data is from somewhere else you can always compare each to null in that loop.

InsalataCondita · Answer 2 · 2021-07-27T16:31:38.230

0

You can do this:

for (const prop in user) {
    const tmpProp = prop as keyof User
    console.log(user[tmpProp])
}

also if I suggest you to do this, which is simpler:

Object.keys(user).forEach(key => console.log(key))

edited Jul 27 '21 at 16:31

answered Jul 27 '21 at 15:26

InsalataCondita

301
1
6

how to navigate object properties using destructuring

2 Answers2