Javascript 你在ES6中是怎么做的？

如何对es6执行相同的功能？ 我正在尝试将此文本添加到列表项

var name=[“乔恩”、“尼克”、“比尔”、“汤姆”]；
$（“#名称列表li”）。每个（函数（索引）{
$（此）.text（名称[索引]）；
});






ES6似乎与您的要求无关

您问题的要点似乎是“没有jQuery我如何实现这一点？”。在这种情况下，等效的方法是使用
queryselectoral（）
获取
li
元素，
forEach（）
循环它们，然后设置
textContent
，如下所示：


var name=[“乔恩”、“尼克”、“比尔”、“汤姆”]；
document.querySelectorAll（'#names list li'）.forEach（函数（li，索引）{
li.textContent=名称[索引]；
});





ES6似乎与您的要求无关

您问题的要点似乎是“没有jQuery我如何实现这一点？”。在这种情况下，等效的方法是使用
queryselectoral（）
获取
li
元素，
forEach（）
循环它们，然后设置
textContent
，如下所示：


var name=[“乔恩”、“尼克”、“比尔”、“汤姆”]；
document.querySelectorAll（'#names list li'）.forEach（函数（li，索引）{
li.textContent=名称[索引]；
});





如果您正在寻找100%ES6，请选择：

const names = ["Jon", "Nick", "Bill", "Tom"];

const namesList = document.querySelectorAll("#names-list li");

for (let i in namesList) {
  namesList[i].innerText = names[i];
};

但是如果给我任何编码风格的话，我不会真的这样写代码。
如果你想要100%的ES6，给你：

const names = ["Jon", "Nick", "Bill", "Tom"];

const namesList = document.querySelectorAll("#names-list li");

for (let i in namesList) {
  namesList[i].innerText = names[i];
};

但如果给我任何编码风格，我就不会真的这样写代码。
“我怎样才能对es6实现同样的功能？”完全一样。你的观点是什么？你的意思是“没有jQuery我怎么做？”这个问题似乎与ES6本身没有太大关系。“我怎么能对ES6做同样的功能？”完全一样。你的观点是什么？你的意思是“没有jQuery我怎么做？”这个问题似乎与ES6本身没有太大的联系。ES6和
queryselectoral
没有真正的联系。也许吧，但我认为OP的主题是“没有jQuery我怎么做”。为了避免混淆，我删除了对ES6的引用。我知道-因此我之前的评论是关于阅读字里行间的内容，并说OP是在询问如何在没有jQuery的情况下拥有相同的逻辑。我认为jQuery
text（）
方法更像是设置
textContent
而不是
innerText
，这会触发回流和其他一些不好的事情。@kaido我检查过了，你是对的。我更新了答案。谢谢。ES6和
querySelectorAll
之间没有真正的联系。也许吧，但我认为OP的主题是“没有jQuery我该怎么做”。为了避免混淆，我删除了对ES6的引用。我知道-因此我之前的评论是关于阅读字里行间的内容，并说OP是在询问如何在没有jQuery的情况下拥有相同的逻辑。我认为jQuery
text（）
方法更像是设置
textContent
而不是
innerText
，这会触发回流和其他一些不好的事情。@kaido我检查过了，你是对的。我更新了答案。谢谢