javascript对象的两种创建方式添加属性添加方法

  • javascript对象的两种创建方式

    • 通过顶级Object类型来实例化一个对象
    ```javascript
    <script>
        // 声明一个对象
        var person = new Object();
    
        // 添加属性:
        person.name = '小明';
        person.age = '20';
    
        // 添加方法:
        person.sayName = function(){
            alert(this.name);
        }
    
        // 调用属性和方法:
        alert(person.age);
        person.sayName();
    </script>
    ```
    
    • 通过对象字面量创建一个对象
    ```javascript
    <script>
        var person2 = {
            name:'Rose',
            age: 18,
            sayName:function(){
                alert('My name is' + this.name);
            }
        }
    
        // 调用属性和方法:
        alert(person2.age);
        person2.sayName();
    </script>
    ```
    
    -    调用属性和方法的操作都是通过点语法的方式来完成,对象的创建推荐使用字面量方式,因为更加简单。 
    

json:其实全称 javascript对象表示法,这里说的json就是类似于javascript对象的字符串,它同时是一种数据格式,目前这种数据格式比较流行,逐渐替换掉了传统的xml数据格式。

  • 表示的格式
    • 对象格式(标准格式)

      • {
            "name":"tom",
            "age":18
        }
        {
            "name":"jack",
            "age":29,
            "hobby":["reading","travel","photography"]
            "school":{
                "name":"Merrimack College",
                "location":'North Andover, MA'
            }
        }
        
    • 数组格式

      • ["tom",18,"programmer"]
        
  • 备注:字符串必须加双引号

json转换jsvascript对象

  • var sJson = '{"name":"tom","age":18}';
    var oPerson = JSON.parse(sJson);
    
    // 操作属性
    alert(oPerson.name);
    alert(oPerson.age);
    
发布了71 篇原创文章 · 获赞 1 · 访问量 1032

猜你喜欢

转载自blog.csdn.net/weixin_42917352/article/details/103997405