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?
問題解答
回答1:類數組不是數組,沒有繼承數組的相關api,可以用call或者apply來綁定this,比如
var r = [].shift.call(a)
ps: shift還涉及到操作數組的內容,剛試了一下,強行用call來shift類數組對象,會報相關對象不能修改length的限定,如果還涉及dom的處理,建議還是用相關dom操作,比如removeChild啥的,這個就不擴展了。 dom類數組對象的相關資料可以在mdn找找,比如:https://developer.mozilla.org...
回答2: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);
回答4:console.log(a)可以看到:__proto__:HTMLCollection HTMLCollection中并沒有shift方法。
相關文章:
1. docker - 各位電腦上有多少個容器啊?容器一多,自己都搞混了,咋辦呢?2. 關docker hub上有些鏡像的tag被標記““This image has vulnerabilities””3. mac里的docker如何命令行開啟呢?4. 關于docker下的nginx壓力測試5. Docker for Mac 創建的dnsmasq容器連不上/不工作的問題6. nignx - docker內nginx 80端口被占用7. docker容器呢SSH為什么連不通呢?8. 如何解決Centos下Docker服務啟動無響應,且輸入docker命令無響應?9. docker start -a dockername 老是卡住,什么情況?10. dockerfile - 我用docker build的時候出現下邊問題 麻煩幫我看一下

網公網安備