JavaScript json对象与数组转换简单实现方法实例详解-tutorial js-php.cn

JavaScript json对象与数组转换简单实现方法实例详解

伊谢尔伦

Lepaskan： 2017-07-17 14:24:06

asal

2720 orang telah melayarinya

js数组与 json 的区别

一，数组

1. 定义一维数组：var s1=new Array();

s1=[1,2,3,4]或者s1[0]=1,s1[1]=2,s1[3]=3,s1[4]=4;
alert(s1[0]);

结果为1；

2,,定义二维素组：var s1=new Array();

var s1=[[3,1],[2,3,4],3,[4,5,6,7,8]];
alert(s1[1][0]);

结果为2；

二，定义json对象

1,json对象

var status_process = {
      " name5" : &#39;闲置期&#39;,
    "name1" : &#39;播种期&#39;,
    "name2" : &#39;苗期&#39;,
    "name3" : &#39;生长期&#39;,
    "name4" : &#39;采收期&#39;
   }   
  alert(status_process);

Salin selepas log masuk

结果为：Object:Object;

2,json字符串

所谓json字符串，是指该字符串变量的值与json的格式相同，但是不是json对象

虽然status_process的值符合json对象的格式，但是它不是对象，只是一个字符串(是拼凑出来的)；

将字符串转换为json对象使用函数eval，eval("(" + status_process+ ")")；

结论：从后台传入到前台的是json字符串，不是真正的json对象，因此需要使用eval函数转换。

json对象的使用

var status_process = {
      name5 : &#39;闲置期&#39;,
     name1 : &#39;播种期&#39;,
     name2 : &#39;苗期&#39;,
      name3 : &#39;生长期&#39;,
      name4 : &#39;采收期&#39;
     };
     alert(status_process["name5"]);
     alert(status_process.name5);

Salin selepas log masuk

两个都为:闲置期

JSON 语法规则

JSON 语法是 JavaScript 对象表示法语法的子集。

•数据在名称/值对中
•数据由逗号分隔
•花括号保存对象
•方括号保存数组

JSON 对象

JSON 对象在花括号中书写：

对象可以包含多个名称/值对：

{ "firstName":"John" , "lastName":"Doe" }

Salin selepas log masuk

这一点也容易理解，与这条 JavaScript 语句等价：

firstName = "John"
lastName = "Doe"

Salin selepas log masuk

JSON 数组

JSON 数组在方括号中书写：

数组可包含多个对象：

{ 
"employees": [ 
{ "firstName":"John" , "lastName":"Doe" }, 
{ "firstName":"Anna" , "lastName":"Smith" }, 
{ "firstName":"Peter" , "lastName":"Jones" } 
] 
}

Salin selepas log masuk

在上面的例子中，对象 "employees" 是包含三个对象的数组。每个对象代表一条关于某人（有姓和名）的记录。

JSON 文件

•JSON 文件的文件类型是 ".json"
•JSON 文本的 MIME 类型是 "application/json"

JSON文本转换为 JavaScript 对象

JavaScript 函数 eval() 可用于将 JSON 文本转换为 JavaScript 对象。

eval() 函数使用的是 JavaScript 编译器，可解析 JSON 文本，然后生成 JavaScript 对象。必须把文本包围在括号中，这样才能避免语法错误：
var obj = eval ("(" + jsontxt + ")");

示例：

  $.ajax({
    type: &#39;POST&#39;,
    url: &#39;../../caseHandler.ashx?action=GetCase&id=&#39; + id.toString(), //url action是方法的名称
    data: "",
    dataType: "text", //可以是text，如果用text，返回的结果为字符串；如果需要json格式的，可以设置为json
    ContentType: "application/json; charset=utf-8",
    success: function (returnedData) {
      getMarkerFeature(eval("(" + returnedData+ ")"));
    },
    error: function (msg) {
      alert("访问失败："+ msg);
    }
  });

Salin selepas log masuk

通过JavaScript创建对象数组

var employees = [
{ "firstName":"Bill" , "lastName":"Gates" },
{ "firstName":"George" , "lastName":"Bush" },
{ "firstName":"Thomas" , "lastName": "Carter" }
];

Salin selepas log masuk

JavaScript对象属性访问的两种方式

object.attribute

object["attribute"]

例如：

var employees = [
{ "firstName":"Bill" , "lastName":"Gates" },
{ "firstName":"George" , "lastName":"Bush" },
{ "firstName":"Thomas" , "lastName": "Carter" }
];
alert(employees[0].lastName); // 方式一
alert(employees[0]["lastName"]); // 方式二

Salin selepas log masuk

Atas ialah kandungan terperinci JavaScript json对象与数组转换简单实现方法实例详解. Untuk maklumat lanjut, sila ikut artikel berkaitan lain di laman web China PHP!