자바 스크립트는 현재 배열에 항목을 추가합니다.

Question

현재 배열에 항목을 추가하려고합니다. 나는 오류가이 방법을 수행함으로써

var arrayValues = new Array(); 
arrayValues.push("Value 1"); 
arrayValues.push("Value 2"); 
arrayValues = document.getElementsByTagName('a'); 
arrayValues.push("Value 3"); 

, 나는 나는 그것이 오류가 발생합니다 새로운 항목을 추가 할 때 하이퍼 링크 모음을받은 후, 값 1, 값 2를 얻을 해달라고 : 개체가이 속성을 지원하지 않습니다 또는 푸시 방법 인 방법.

하이퍼 링크 모음을 할당 한 후 배열에 어떤 현상이 발생합니까? 어떻게 새 항목을 추가 할 수 있습니까?

Answer 1

arrayValues.push(document.getElementsByTagName('a'));을 찾으셨습니까?

그렇지 않으면 NodeList이 getElementsByTagName()에 의해 반환됩니다.이 값은 방금 값을 푸시 한 배열을 덮어 씁니다.

사이드 노트 : 여기서 new Array()을 사용할 이유가 없습니다. var arrayValues = [];으로 작성하십시오.

Answer 2

모든 <a> 요소를 배열에 푸시하려면 먼저 NodeList를 배열로 변환해야합니다. 대부분의 사람들은 Array.prototype.slice.call(nodelist)을 사용합니다.

배열이 있으면 array.push을 function.apply과 함께 사용하여 한 번에 호출 할 수 있습니다.

결과 코드는 다음과 같습니다

var arrayValues = []; 
arrayValues.push("Value 1"); 
arrayValues.push("Value 2"); 
arrayValues.push.apply(arrayValues, Array.prototype.slice.call(document.getElementsByTagName('a'))); 
arrayValues.push("Value 3");