javascript - js的shift()方法失效?
滿天的星座
滿天的星座 2017-07-05 10:45:34
[JavaScript讨论组]

如题,代码如下:

<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?

滿天的星座
滿天的星座

全部回复(4)
扔个三星炸死你

类数组不是数组,没有继承数组的相关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>
大家讲道理

当然,shift是数组的方法,可以先把类数组转成数组再调用
Array.prototype.slice.call(arraylike);

欧阳克

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

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责申明 意见反馈 讲师合作 广告合作 最新更新
php中文网:公益在线php培训,帮助PHP学习者快速成长!
关注服务号 技术交流群
PHP中文网订阅号
每天精选资源文章推送
PHP中文网APP
随时随地碎片化学习
PHP中文网抖音号
发现有趣的

Copyright 2014-2025 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号