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) 就可以转换为对象了。

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