Javascript 循环遍历数组并将每个对象作为li添加到ul_Javascript_Jquery_Html_Arrays

Javascript 循环遍历数组并将每个对象作为li添加到ul

javascript jquery html arrays

Javascript 循环遍历数组并将每个对象作为li添加到ul,javascript,jquery,html,arrays,Javascript,Jquery,Html,Arrays,我的最终目标是让它向联邦调查局（ul）列出口袋妖怪的名字。我可以让它们出现在控制台上，但仍然是一个数组。这是我的html <div id="pokeList"> <ul> <li></li> </ul> </div> 下面是我的javascript pokeHTML() { var pokemonList = ""; for (var i = 0; i < this.pokemon

我的最终目标是让它向联邦调查局（ul）列出口袋妖怪的名字。我可以让它们出现在控制台上，但仍然是一个数组。这是我的html

<div id="pokeList">
 <ul>
  <li></li>
 </ul>
</div>

下面是我的javascript

pokeHTML() {
    var pokemonList = "";
    for (var i = 0; i < this.pokemonList.length; i++) {
        // console.log(this.pokemonList[i]);
        $("#pokeList ul").append('<li>' + this.pokemonList[i] + '</li>');
    }
    return pokemonList;
}

pokeHTML（）{
var pokemonList=“”；
for（var i=0；i”+this.pokemonList[i]+”）；
}
返回口袋妖怪列表；
}


标题


$（函数（）{
让pokemonList=['a'，'b'，'c'，'d']；
for（设i=0；i${pokemonList[i]}`）；
}
});

在这种情况下，您不需要使用“this” 在函数中，“this”指的是窗口对象，而不是javascript函数

因此，您必须删除“this”或将“pokemonList”设置为全局变量（删除“var”）

您的代码将正常工作，您只需将

pokemonList设置为字符串数组。现在它只是一个字符串，所以你要循环遍历每个字符。
<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<div id="pokeList">
    <ul>
    </ul>
</div>
<script src="http://apps.bdimg.com/libs/jquery/2.1.4/jquery.min.js"></script>
<script>
    $(function () {
        let pokemonList = ['a', 'b', 'c', 'd'];
        for (let i = 0; i < pokemonList.length; i++) {
            $("#pokeList ul").append(`<li>${pokemonList[i]}</li>`);
        }
    });
</script>
</body>
</html>