Question

如何将字符串结果收集到每个循环内的单个数组

<ul>
    <li data-tag="two"></li>
    <li data-tag="three"></li>
    <li data-tag="four"></li>
    <li data-tag="five"></li>
</ul>
<button id="ev">Click</button>

JavaScript的：

var elem = Array.prototype.slice.call(document.querySelectorAll('ul > li'));

document.getElementById('ev').addEventListener('click', function(ev){

    elem.forEach( function(el,i) {
        var ar = ["one"];
        var tags = el.getAttribute('data-tag');

        ar.push(tags);
    });

});

结果：

["one", "two"]
["one", "three"]
["one", "four"]
["one", "five"]

期待结果：

["one", "two", "three", "four", "five"]

Answer 1

在arr

之前初始化forEach

var elem = Array.prototype.slice.call(document.querySelectorAll('ul > li'));

document.getElementById('ev').addEventListener('click', function(ev) {
    var ar = ["one"];
  
    elem.forEach( function(el,i) {
        var tags = el.getAttribute('data-tag');
        ar.push(tags);
    });
  
    console.log(ar);
});

<ul>
    <li data-tag="two"></li>
    <li data-tag="three"></li>
    <li data-tag="four"></li>
    <li data-tag="five"></li>
</ul>
<button id="ev">Click</button>

Answer 2

探测器是你在forEach函数中声明ar变量，它会覆盖值而不是将它们推入数组。

＆＃13;

var ar = ['one'];
elem.forEach( function(el,i) {
  var tags = el.getAttribute('data-tag');

  ar.push(tags);
});

＆＃13;

将字符串收集到forEach内的单个数组中

2 个答案: