• JavaScript 对象和字串之间的转换


    JavaScript 对象定义方式

    1. var obj = new Object()

    <!--Add by oscar999-->
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Author" CONTENT="oscar999">
    <script>
    var obj = new Object();
    obj.key = "11";
    alert(obj.key);
    </script>
    </HEAD>
    
    <BODY>
    
    </BODY>
    </HTML>

    2.  var obj = {};

    <!--Add by oscar999-->
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Author" CONTENT="oscar999">
    <script>
    var obj = {};
    obj.key = "11";
    alert(obj.key);
    </script>
    </HEAD>
    <BODY>
    </BODY>
    </HTML>

    也可以在定义时初始化值:

    var obj = {key:'11'};


    对象如何转换成string

    如果直接使用 :
    obj.toString()
    得到的是 [object,object] 这样的字串。

    从上面的第二种定义方式 (var obj = {key:'11'};) 可以看出, js 的对象对应的字串类是一对大括号里包着一批键值对的方式。
    其实就是JSON的数据格式, 不了解的可以学学json 格式。

    使用以下方式就可以取出obj 的key 和value了。
    <!--Add by oscar999-->
    <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
    <HTML>
    <HEAD>
    <TITLE> New Document </TITLE>
    <META NAME="Author" CONTENT="oscar999">
    <script>
    var obj = {attr1:'value1',attr2:'value2'};
    for(attr in obj)
    {
       alert(attr);
       alert(eval("obj."+attr));
    }
    </script>
    </HEAD>
    <BODY>
    </BODY>
    </HTML>
    

    重点说一下为什么取值使用:
     eval("obj."+attr);
    而不是直接使用
    obj.attr
    因为 obj.attr 找到的 obj 中key 值为attr 的value , 但是obj 中并没有attr 的key 值。
    这里的attr 是一个变量。 所以 就要借助于eval 的方式了。


    String 如何转换为对象

    从对象的格式可以看出,如果字串的格式定义成 json 格式的, 就可以直接转换为obj 了。
    比较以下以下两种的方式:
    var obj1 = {attr1:'value1',attr2:'value2'};
    
    var obj2 = "{attr1:'value1',attr2:'value2'}";

    obj1 直接是一个对象, obj2 只是一个字串。
    使用eval(obj2) 就可以转换为对象了。

    为什么会有这种用法: 因为很多时候,我们会从服务端返回这种字串供前端处理。


  • 相关阅读:
    Redis使用:聚合类型为空时,会自动被Redis删除
    Effective C++: 04设计与声明
    select引起的服务端程序崩溃问题
    Effective C++: 03资源管理
    Effective C++: 02构造、析构、赋值运算
    Effective C++: 01让自己习惯C++
    Centos7.2 安装配置 Tengine(nginx)
    Centos7更新阿里yum源
    Go中函数作为值、类型传递。
    go实现冒泡排序和快速排序
  • 原文地址:https://www.cnblogs.com/xinyuyuanm/p/3031573.html
Copyright © 2020-2023  润新知