javascript - Onload函数不断向数组添加内容而不清除它

Question

可能是个愚蠢的问题。我的 jsp 中有以下 js 代码。问题是，虽然我尝试在每次加载时清除数组 ma​​rkerLong,markerLat ，但它并没有清除它们，而是在刷新页面时继续附加元素。

<script>


// Gmaps Maps
// ------------------------------

$(window).on("load", function(){
// Map Markers
    // ------------------------------

    map = new GMaps({
        div: '#markers',
        lat: 18.520430,
        lng: 73.856743,
        styles: [{"featureType":"administrative.locality","elementType":"all","stylers":[{"hue":"#2c2e33"},{"saturation":7},{"lightness":19},{"visibility":"on"}]},{"featureType":"landscape","elementType":"all","stylers":[{"hue":"#ffffff"},{"saturation":-100},{"lightness":100},{"visibility":"simplified"}]},{"featureType":"poi","elementType":"all","stylers":[{"hue":"#ffffff"},{"saturation":-100},{"lightness":100},{"visibility":"off"}]},{"featureType":"road","elementType":"geometry","stylers":[{"hue":"#bbc0c4"},{"saturation":-93},{"lightness":31},{"visibility":"simplified"}]},{"featureType":"road","elementType":"labels","stylers":[{"hue":"#bbc0c4"},{"saturation":-93},{"lightness":31},{"visibility":"on"}]},{"featureType":"road.arterial","elementType":"labels","stylers":[{"hue":"#bbc0c4"},{"saturation":-93},{"lightness":-2},{"visibility":"simplified"}]},{"featureType":"road.local","elementType":"geometry","stylers":[{"hue":"#e9ebed"},{"saturation":-90},{"lightness":-8},{"visibility":"simplified"}]},{"featureType":"transit","elementType":"all","stylers":[{"hue":"#e9ebed"},{"saturation":10},{"lightness":69},{"visibility":"on"}]},{"featureType":"water","elementType":"all","stylers":[{"hue":"#e9ebed"},{"saturation":-78},{"lightness":67},{"visibility":"simplified"}]}]
    });
    let markerLat,markerLong; 
    markerLat = [
        <c:forEach var="s" items="${list}">
            <c:out value="${s.currentLat}"/>,
        </c:forEach>
    ];
    markerLong = [
      <c:forEach var="s" items="${list}">
          <c:out value="${s.currentLong}"/>,
      </c:forEach>
    ];
      console.log(markerLong.length);
      console.log(markerLat.length);


markerLong=[];
markerLat=[];
});
</script>

如何确保在每次页面刷新时，旧条目都会从数组中删除。

Answer 1

您可以尝试在页面加载后立即调用下面的函数。

function empty(){
markerLong.length = 0;
markerLat.length = 0
}