How do I target a specific key in an array of objects for a conditional inside a for loop?-CodePudding

New to JS! Trying to specify a statement for one of my keys inside my object, which again is nested in an array. Next to Slowbro - the message: "Wow this is a big Pokemon" should be displayed but this is not working. I am trying to write a general conditional within my for loop for all Pokemons but also specify that the "Wow this is a big Pokemon" message should only appear for Slowbro and not just any who meet the height>1.5 criteria. What did I miss?

//Array contains Pokemon data to display in application
//Each object represents one Pokemon with respective properties
let pokemonList = [
        {name:'Pikachu', height: 0.4, type:['electric','ground','steel','flying']},
        {name:'Charmeleon', height: 1.1, type:['ground','rock', 'water']},
        {name: 'Slowbro' ,height: 1.6, type:['electric', 'grass','dragon','ghost','bug']}
      ];

//Loop lists each Pokemon in array by assigning name and height keys 
for (let i=0; i < pokemonList.length; i  ) 
  { document.write(pokemonList[i].name  ' (height: '   pokemonList[i].height   ') '   '<br>')
  }



for (let i=0; i < pokemonList[i].length; i  ) {
  if (pokemonList[i].height > 1.5 && pokemonList[i].name === 'Slowbro') {
    console.log('- Wow, this is a big Pokemon!');
    } else if (pokemonList[i].height > 0.5 && pokemonList[i].height < 1.5) {
    console.log('- This is an average size Pokemon.');
    } else {
    console.log('- This is a small Pokemon.')
    }
}

CodePudding user response：

Try this

//Array contains Pokemon data to display in application
//Each object represents one Pokemon with respective properties
let pokemonList = [
        {name:'Pikachu', height: 0.4, type:['electric','ground','steel','flying']},
        {name:'Charmeleon', height: 1.1, type:['ground','rock', 'water']},
        {name: 'Slowbro' ,height: 1.6, type:['electric', 'grass','dragon','ghost','bug']}
      ];

const html = pokemonList.map(({name, height}) => {
   return `${name} (height: ${height})`
}).join('<br>')

document.write(html)

pokemonList.forEach(({name, height}) => {
  if( height > 1.5){
    console.log('- Wow, this is a big Pokemon!')
  }else if(height > 0.5){
    console.log('- This is an average size Pokemon.');
  } else {
    console.log('- This is a small Pokemon.')
  }
})

CodePudding user response：

In the last for loop in your code snippet, instead of the length of the array, you are using the length of its first element:

for (let i=0; i < pokemonList[a].length; i  )

Where you probably want the length of the array itself:

for (let i=0; i < pokemonList.length; i  )

instead.

//Array contains Pokemon data to display in application
//Each object represents one Pokemon with respective properties
let pokemonList = [
        {name:'Pikachu', height: 0.4, type:['electric','ground','steel','flying']},
        {name:'Charmeleon', height: 1.1, type:['ground','rock', 'water']},
        {name: 'Slowbro' ,height: 1.6, type:['electric', 'grass','dragon','ghost','bug']}
      ];

//Loop lists each Pokemon in array by assigning name and height keys 
for (let i=0; i < pokemonList.length; i  ) 
  { document.write(pokemonList[i].name  ' (height: '   pokemonList[i].height   ') '   '<br>')
  }



for (let i=0; i < pokemonList.length; i  ) {
  if (pokemonList[i].height > 1.5 && pokemonList[i].name === 'Slowbro') {
    console.log('- Wow, this is a big Pokemon!');
    } else if (pokemonList[i].height > 0.5 && pokemonList[i].height < 1.5) {
    console.log('- This is an average size Pokemon.');
    } else {
    console.log('- This is a small Pokemon.')
    }
}