zoukankan      html  css  js  c++  java
  • 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;
                        }
                    }
                }
            }
        }
    

      

  • 相关阅读:
    vue 插件的使用 todolist案例
    vue 传值 混入mixin
    vue 生命周期函数
    vue 指令总结
    vue 其它的指令
    vue 监听数据变化的原理 表单数据的收集
    vue for循环中的key
    vue 学习
    vue 学习
    HDU 1029
  • 原文地址:https://www.cnblogs.com/cm1236/p/6148657.html
Copyright © 2011-2022 走看看