객체배열 및 map함수의 가이드

 function App() {
    
    const pokemonStatus =
      [
        {name : 'vkane', level : 19},
        {name : 'pikachu', level : 31},
        {name : 'piere', level : 5},
      ]
    // 배열안에 데이터 삽입
    const pokemonInfo = pokemonStatus.map((pokemon) => {
      return (
        <div className="pokemon">
          <div className="pokemon-name">{pokemon.name}</div>
           // pokemonStatus의 name과 level을 객체로 가져왔다.
          <div className="pokemon-level">{pokemon.level</div>
        </div>
      )
    })
    // 클래스명과 받아오는 데이터 이름을 같게해도 되려나?    
    return (
      <div className="App">
        <h1>Pokemon List</h1>
        {pokemonInfo}
      </div>
    );
  }
  export default App;


let arr = [2, 3, 5, 7]

arr.map(function(element, index, array){
	console.log(this) // 80
}, 80);
  	// map 함수의 사용법이라고 하는데 array를 언제 쓰는지 굳이 왜쓰는지 모르겠다. this도 쓰는걸 잘 못본것같다. element index만 써도 될듯하다.