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. javascript - immutable配合react提升性能?2. javascript - sublime快鍵鍵問題3. javascript - nodejs關于進程間發送句柄的一點疑問4. javascript - 移動端上不能實現拖拽布局嗎?5. 實現bing搜索工具urlAPI提交6. Apache 已經把網站根目錄的改為allow from all了,但是服務器還是不能訪問?7. css - 寫頁面遇到個布局問題,求大佬們幫解答,在線等,急!~8. phpstudy8.1支持win11系統嗎?9. 配置Apache時,添加對PHP的支持時語法錯誤10. vue.js - Vue 如何像Angular.js watch 一樣監聽數據變化

網公網安備