继续浏览精彩内容
慕课网APP
程序员的梦工厂
打开
继续
感谢您的支持,我会继续努力的
赞赏金额会直接到老师账户
将二维码发送给自己后长按识别
微信支付
支付宝支付

扩展JS格式化(Format)功能及评论树

慕粉0415482673
关注TA
已关注
手记 297
粉丝 64
获赞 367

         

1、JS格式化功能<script>        /*        1. 调用对象方法时,通过调用类的prototype中的方法,可以扩展        2. 正则表达式 /\w+/g        3. 字符串replace                ''.replace('alex','sb');                ''.replace(/\w+/,'sb');                ''.replace(/\w+/g,'sb');                ''.replace(/(\w+)/g,function(k,kk){return 11;});        */        String.prototype.Format = function(arg){            /*            this,当前字符串  "i am {name1}, age is {age9}"             arg,Format方法传入的参数 {name:'alex',age:18}             return,格式化之后获取的新内容 i am alex, age is 18            */            var temp = this.replace(/\{(\w+)\}/g,function(k,kk){                return arg[kk];            });            return temp;        };

2、利用以上格式化功能和递归实现评论树

function commentTree(commentList){            var comment_str = "<div class='comment'>";            $.each(commentList,function(k,row){                // var temp = "<div class='content'>"+ row.content +"</div>";                var temp = "<div class='content'>{content}</div>".Format({content:row.content});                comment_str += temp;                if(row.child.length>0){                    comment_str += commentTree(row.child);                }            });            comment_str += '</div>';            return comment_str;        }


打开App,阅读手记
0人推荐
发表评论
随时随地看视频慕课网APP