将来自 forEach function 的多个输出排列到 javascript 中的一个数组中

Question

I'm trying to get the hrefs from the li elements with javascript. My function looks like this:

function checkUrl() {
    checkUrl = function(){};
    function hrefHome() {
        var listCont = document.querySelectorAll(".wpcm-listings-item");
        listCont.forEach(Children);
        function Children(item) {
            var Child = item.children;
            var Hrefs = Child[0].href;
            console.log(Hrefs);
        }
    }
}

This is returning my hrefs like I want it to, but now I need to put all of them in localStorage . I tried adding localStorage.vehHrefs = Hrefs; after the variable Hrefs, but the second one overwrites the first. What I want to do is create an array of all the hrefs and then put the array in localStorage but I need some help. Below is my HTML.

<div class="wpcm-vehicle-results-wrapper">
    <ul class="wpcm-vehicle-results">
        <li class="wpcm-listings-item wpcm-listings-item-featured">
            <a href="http://localhost/sr19repairables/vehicle/asdfasdf/">
                <div class="wpcm-listings-item-image-wrapper">
                    <img src="Chevy.jpg" class="wp-post-image" onload="checkUrl()"
                </div>
            </a>
        </li>
        <li class="wpcm-listings-item wpcm-listings-item-featured">
            <a href="http://localhost/sr19repairables/vehicles/repairables/2020-gmc-sierra/">
                <div class="wpcm-listings-item-image-wrapper">
                    <img src="Chevy1.jpg" class="wp-post-image" onload="checkUrl()">
                </div>
            </a>
        </li>
    </ul>
</div>

Answer 1

Try:

function checkUrl() {
checkUrl = function(){};
function hrefHome() {
    var listCont = document.querySelectorAll(".wpcm-listings-item");
    var HrefArr = [];
    listCont.forEach(Children);
    localStorage.vehHrefs = JSON.stringify(HrefArr);
    function Children(item) {
        var Child = item.children;
        var Hrefs = Child[0].href;
        HrefArr.push(Href)
        console.log(Hrefs);
    }
}

}

Answer 2

In this case, you should use map rather than forEach:

function checkUrl() {
  checkUrl = function () {};
  function hrefHome() {
    var listCont = document.querySelectorAll('.wpcm-listings-item');
    var hrefs = [...listCont].map(function Children(item) {
      var Child = item.children;
      return Child[0].href;
    });
    console.log(hrefs);
    // To add it to localstorage:
    localStorage.setItem('key',JSON.stringify(hrefs));
  }
}