侧边栏壁纸
博主头像
落叶人生博主等级

走进秋风,寻找秋天的落叶

  • 累计撰写 130562 篇文章
  • 累计创建 28 个标签
  • 累计收到 9 条评论
标签搜索

目 录CONTENT

文章目录

js遍历数组和遍历对象的区别(动态生成ul li)

2023-12-10 星期日 / 0 评论 / 0 点赞 / 35 阅读 / 1997 字

JavaScript: <script> //----------------for用来遍历数组对象-- var i,myArr = [1,2,3]; for (var i =

JavaScript:

<script>    //----------------for用来遍历数组对象--    var i,myArr = [1,2,3];    for (var i = 0; i < myArr.length; i++) {        console.log(i+":"+myArr[i]);    };    //---------for-in 用来遍历非数组对象    var man ={hands:2,legs:2,heads:1};    //为所有的对象添加clone方法,即给内置原型(object,Array,function)增加原型属性,该方法很强大,也很危险    if(typeof Object.prototype.clone ==="undefined"){        Object.prototype.clone = function(){};        }    //    for(var i in man){        if (man.hasOwnProperty(i)) { //filter,只输出man的私有属性            console.log(i,":",man[i]);        };    }    //输出结果为print hands:2,legs:2,heads:1    for(var i in man) {//不使用过滤        console.log(i,":",man[i]);    }        //输出结果为    //hands : 2 index.html:20    //legs : 2 index.html:20    //heads : 1 index.html:20    //clone : function (){}     for(var i in man) {        if(Object.prototype.hasOwnProperty.call(man,i)) { //过滤            console.log(i,":",man[i]);        }    }   //输出结果为print hands:2,legs:2,heads:1</script>
html:

<htmL><head><meta content="text/html;charset=utf-8" http-equiv="content-type">    <script type="text/javascript">    window.onload = function(){        var arrLi = {我的朋友:['哇哈哈','乐百氏','农夫山泉'],同学:['咖啡','果汁','果酒']};        var n = -1        for(var i in arrLi){            n++;            document.body.innerHTML += '<ul>'+i+'</ul>';            var ul = document.getElementsByTagName('ul');            for (var j = 0; j < arrLi[i].length; j++) {                ul[n].innerHTML += '<li>'+arrLi[i][j]+'</li>';            };        }    }    </script></head><body></body></htmL>



广告 广告

评论区