JS遍历类json对象属性值,方便统一赋值

Posted 真爱无限

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了JS遍历类json对象属性值,方便统一赋值相关的知识,希望对你有一定的参考价值。

JS遍历类、json对象属性、值,
我们在页面,经常会接收后面或json返回的数据,要一个一个赋值,遍历json属性,可以方便给界面的控件赋值。

代码:
遍历js类

    <script type="text/javascript">
        //定义一个普通的js类,包含方法
        var p= function ()
        this.Id= 1;
        this.Name= 'test1';
        
        var pp= new p(); 
        for(var item in pp)
        if(typeof(pp[item])== "function")
        continue;
        console.log("p对象中"+item+"的属性="+pp[item]);
        
    </script>

遍历Json对象

//遍历Json对象属性、值
    <script type="text/javascript">
        //定义一个jsonArray对象
        var json = [ a: '121', b: 222, bb: 'vvv' ,  a: '122', b: 223, bb: 'ccc' ];
        for (var i=0;i<json.length;i++) 
            console.log(json[i]);
            var jsonItem = json[i];
            for (var item in jsonItem) 
                //遍历pp对象中的属性,只显示出 非函数的 属性,注意不能 遍历 p这个类
                if (typeof (jsonItem[item]) == "function")
                    continue;
                console.log("p对象中" + item + "的属性=" + jsonItem[item]);
            
        
    </script>

以上是关于JS遍历类json对象属性值,方便统一赋值的主要内容,如果未能解决你的问题,请参考以下文章

怎么将json对象的属性赋值给文本框里面的value

vue.js 中的v-for可以将遍历出来的值放入标签属性吗

js对象不能访问他所属类的类属性

C++遍历获得一个类的所有属性名,对该类的实例的所有属性的值 ...~~

在用Gson解析对象的时候,json数据中没有的字段,会赋初值。

java后台的json值怎么传给jsp页面,并进行遍历