자바 스크립트의 ... 루프에 대한 무제한

Question

나는 #sweet ID와 일치하는 3 개의 요소가 있습니다. 이 같은 기능이 있습니다

var element=document.querySelectorAll("#sweet"); 

for (var y=0; y<element.length; y++) 
{ 

if (element[y].nodeName == "DIV") 
    { 
    element[y].innerHTML=''; 
    var length=element[y].offsetWidth; 

    for (i=0; i<n; i++) { 
     console.log(i); 
    } 

///////////////////////// 
var resizeTimer = 0; 
    function doResize() 
    { 
     if (resizeTimer) 
      clearTimeout(resizeTimer); 

     resizeTimer = setTimeout(function() {rainbow(n, color);}, 0); 
    } 

    doResize(); 
//////////////////////// 

    } 
    else if (element[y].nodeName == "SPAN") 
    { 
    console.log("span"); 
    } 

}

을하지만 문제가있다. 그것은 콘솔에 무제한으로 span 단어를 인쇄합니다. 하지만 #sweet ID와 1 개의 div 요소와 #sweet ID가있는 2 개의 스팬 요소가 있기 때문에 2 번 인쇄해야합니다. 이 문제의 원인은 무엇입니까? 아마, 내가 settimeout 함수를 가지고 있기 때문에,하지만이 함수가 필요해, 나는 그것을 제거하고 싶지 않다, 또 다른 해결 방법이 있을까?

Answer 1

당신은 배열로함으로써 매개 변수로 변수를 전달할 수 있습니다

var doitman = function(items, option2){ 
    var item1 = items[0]; 
    var item2 = items[2]; 
    // your code here 
} 
var items = [item1, item2, item3]; 
doitman(items, option2); 

난 당신이 배열에 this page 살펴한다고 생각합니다.

Answer 2

function doitman (ary, option2) { 
    var item1 = ary [0]; 
    var item2 = ary [1]; 
    var item3 = ary [2]; 

    // whatever 
} 

doitman ([1, 2, 3], option);