zoukankan      html  css  js  c++  java
  • javascript 对象属性的添加,删除,json对象和字符串转换方法等

    1:动态添加 对象属性

    var obj = new Object();

    console.log (obj.username);

    obj.username = "haha";

    console.log (obj.username);

    //undefined

    //haha

    []”表示。写成 obj["username"] = "haha";

     var obj = new Object();

    console.log (obj.username);

    obj["username"] = "haha";

    console.log (obj.username);

    //undefined

    //haha

    还可以直接定义

    var obj = {username:"haha", password:"123"};

    console.log(obj.username);

    console.log(obj.password);

    //haha

    //123

    2:删除属性,使用 delete

    var obj = new Object();

    obj["username"] = "haha";

    console.log (obj.username);

    delete obj.username;

    console.log (obj.username);

    //haha

    //undefined

    3:修改原属性,增加新属性

    var json = {  

        "age":24,  

        "name":"haha"  

    };  

    //修改Json中的age

    json["age"] = 30;  

    console.log(json.age);

    //30

    //增加Json中的sex

    json["sex"] = "w";  

    console.log(json.sex);

    //w

    4:Json对象与Json字符串互转

    JSON.parse(jsonstr); //可以将json字符串转换成json对象

    var jsObj = {};
    jsObj.testArray = [1,2,3];
    jsObj.name = 'CSS3';
    jsObj.date = '2017';
    console.log(jsObj)
    console.log(typeof(jsObj));
    var str = JSON.stringify(jsObj);
    var str1 = JSON.parse(str);
    console.log(str)
    console.log(typeof(str));
    console.log(str1)
    console.log(typeof(str1));
    //Object {testArray: Array[3], name: "CSS3", date: "2017"}
    //object
    // {"testArray":[1,2,3],"name":"CSS3","date":"2017"}
    // string
    //Object {testArray: Array[3], name: "CSS3", date: "2017"}
    // object

    JSON.stringify(jsonobj); //可以将json对象转换成json字符串 

    var jsObj = {};
    jsObj.testArray = [1,2,3];
    jsObj.name = 'CSS3';
    jsObj.date = '2017';
    console.log(jsObj)
    console.log(typeof(jsObj));
    var str = JSON.stringify(jsObj);
    console.log(str)
    console.log(typeof(str));
    //Object {testArray: Array[3], name: "CSS3", date: "2017"}
    // object
    // {"testArray":[1,2,3],"name":"CSS3","date":"2017"}
    //string

  • 相关阅读:
    打印出乘法表
    python小练习1
    JavaScript 两个变量互换
    纯css3 画一个小猪佩奇
    箭头函数
    点击获取li下标的几种方式
    再见!!!!!!
    十月一前期
    大家好!!!!!!
    雕刻技
  • 原文地址:https://www.cnblogs.com/kelly2017/p/7074668.html
Copyright © 2011-2022 走看看