for循环+forin循环生成内容模版

Posted 过路的妖怪

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了for循环+forin循环生成内容模版相关的知识,希望对你有一定的参考价值。

最近在项目中发现for循环+forin循环在遍历时的顺序是不同的,研究了好久才实现功能,这里把代码分享给大家一起学习下。

var str=‘尊敬的$owner$$sex$,您好!我是的客户服务经理$realname$,隶属于$areaname$,我的联系方式是$telephone$,有任务问题都可以联系我哦!‘
    var obj={
        owner:‘阿刚‘,
        sex:‘男‘,
        realname:‘阿城‘,
        mobile:‘15427283944‘,
        areacode:‘42018500‘,
        taskid:1
    };
    function doit(){
        var arr=str.split(/\$/);
        var regexp=/^[A-Za-z]+[0-9]?[A-Za-z]?$/;
        for(var i= 0,len=arr.length;i<len;i++){
            if(!regexp.test(arr[i])){
                document.getElementById(‘dom‘).innerhtml+=arr[i];
            }else{
                for(rec in obj){
                    if(arr[i]==rec){
                        var sexStr=obj[arr[i]] ? obj[arr[i]] : "";
                        if(arr[i]==‘sex‘ && obj[arr[i]]==‘男‘){
                            sexStr=‘先生‘;
                        }if(arr[i]==‘sex‘ && obj[arr[i]]==‘女‘){sexStr=‘女士‘;}
                        document.getElementById(‘dom‘).innerHTML+=sexStr;
                    }else if(!obj[arr[i]]){
                        var input=document.createElement(‘input‘);
                        input.type=‘text‘;
                        input.setAttribute(‘id‘,arr[i]);
                        input.placeholder=arr[i];
                        document.getElementById(‘dom‘).appendChild(input);
                        break;
                    }
                }
            }
        }
    }

  

以上是关于for循环+forin循环生成内容模版的主要内容,如果未能解决你的问题,请参考以下文章

[JavaScript]_[初级]_[关于forin或for...in循环语句的用法]

[JavaScript]_[初级]_[关于forin或for...in循环语句的用法]

[JavaScript]_[初级]_[关于forin或for...in循环语句的用法]

循环语句 for , forin , forEach

for循环,forin循环和Array.every(),obj.forEach()方法运行速度对比

forin循环的变量如何变为全局