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

简介: JS遍历类、json对象属性、值, 我们在页面,经常会接收后面或json返回的数据,要一个一个赋值,遍历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>
相关文章
|
9天前
|
JavaScript
JS 获取对象数据类型的键值对的键与值
JS 获取对象数据类型的键值对的键与值
|
17天前
|
JavaScript 前端开发 开发者
混淆赋值运算符(=)和相等比较运算符(==, ===)(js的问题)
混淆赋值运算符(=)和相等比较运算符(==, ===)(js的问题)
|
19天前
|
JavaScript 前端开发
Math对象:JavaScript中的数学工具
Math对象:JavaScript中的数学工具
27 1
N..
|
26天前
|
存储 JavaScript 前端开发
JavaScript中的对象
JavaScript中的对象
N..
10 0
|
27天前
|
JavaScript
js开发:请解释什么是ES6的类(class),并说明它与传统构造函数的区别。
ES6的类提供了一种更简洁的面向对象编程方式,对比传统的构造函数,具有更好的可读性和可维护性。类使用`class`定义,`constructor`定义构造方法,`extends`实现继承,并可直接定义静态方法。示例展示了如何创建`Person`类、`Student`子类以及它们的方法调用。
21 2
|
29天前
|
JavaScript 前端开发
js开发:请解释原型继承和类继承的区别。
JavaScript中的原型继承和类继承用于共享对象属性和方法。原型继承利用原型链查找属性,节省内存但不支持私有成员。类继承通过ES6的class和extends实现,支持私有成员但占用更多内存。两者各有优势,适用于不同场景。
18 0
|
12天前
|
JavaScript 算法
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
原生JS完成“一对一、一对多”矩形DIV碰撞检测、碰撞检查,通过计算接触面积(重叠覆盖面积)大小来判断接触对象DOM
|
26天前
|
存储 JSON 安全
【C++ JSON库 json值的创建手段】深入探究C++中JSON对象定位与操作:从引用到回调函数
【C++ JSON库 json值的创建手段】深入探究C++中JSON对象定位与操作:从引用到回调函数
60 0
|
4天前
|
JavaScript
【Js】检查Date对象是否为Invalid Date
【Js】检查Date对象是否为Invalid Date
7 0
|
4天前
|
存储 JavaScript 前端开发
JavaScript的引用数据类型主要包括对象
【4月更文挑战第16天】JavaScript的引用数据类型主要包括对象
16 4