javascript - js的shift()方法失效?

問題描述

如題,代碼如下:

<ul class='demo'> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li></ul><script> var l = document.getElementsByClassName('demo')[0]; var a = l.children; var r=a.shift(); console.log(r);//報錯:a.shift is not a function?</script>

類數組對象不能調用shift方法api?

問題解答

類數組不是數組，沒有繼承數組的相關api，可以用call或者apply來綁定this，比如

var r = [].shift.call(a)

ps: shift還涉及到操作數組的內容，剛試了一下，強行用call來shift類數組對象，會報相關對象不能修改length的限定，如果還涉及dom的處理，建議還是用相關dom操作，比如removeChild啥的,這個就不擴展了。 dom類數組對象的相關資料可以在mdn找找，比如：https://developer.mozilla.org...

shift會修改原數組，導致length屬性改變，但是length是只讀的。通過下面方式可以使用。

<ul class='demo'> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> <li>6</li></ul></body><script> var l = document.getElementsByClassName('demo')[0]; var a = l.children; var arry = [...a]; var r=arry.shift(); console.log(r);</script>回答3：

當然，shift是數組的方法，可以先把類數組轉成數組再調用Array.prototype.slice.call(arraylike);

console.log(a)可以看到：__proto__:HTMLCollection HTMLCollection中并沒有shift方法。