jsjson对象json字符的使用总结(代码片段)

jiangqilong jiangqilong     2022-12-17     159

关键词:

JSON对象 / JSON字符串区别

  抛出一个最常见的疑问:什么是“JSON对象”,什么是“JSON字符串”,它俩的区别是什么?

  废话不多说,直接上代码。  

 

1.JSON对象:

 // javascript对象字面量写法
 var obj =   “name” : “Jay”,“age” : “18” ;
 
 //JSON对象写法
 var json = name  : "jay",  age : "18" ;

 

  在平时的应用中,这两种写法除去对象的属性名上有无“引号”外,没有任何区别,使用 console.log () 分别在控制台输出,结果如下:

 1 console.log(obj); // 输出对象字面量
 2 console.log(json); // 输出 json 对象
 3 ------------------------------------------
 4 //显示结果
 5 //对象字面量
 6 Object
 7     age: 18
 8     name: "Jay"
 9 __proto__ : Object
10 
11 //json 对象
12 Object
13     age: 18
14     name: "jay"
15  __proto__: Object
16 
17     

  事实证明,这两种写法在JS中实质上是一样的,我们平时所说的“JSON对象”,通常就是上述两种方式来定义的。使用起来就像访问js对象的属性一样,通过"."来引用:

console.log(obj.name); //  Jay
console.log(json.age); // 18

  

2.JSON字符串

var jsonStr = ‘“name”:“jay” , “age” : “18”’;

  顾名思义,JSON字符串本质上是一个“字符串”

  程序员一提到字符串,首先想到的可能是用“引号”包裹的一串字符,例如“abc” , ‘def’ 这样。所以我们可以很好的来区分JSON字符串和JSON对象,被引号包裹起来的字面量书写形式的JSON对象,就是JSON字符串。

 

JSON对象 / JSON字符串相互转化

1.JSON对象 -----------------------------》 JSON 字符串:

  ①JSON.stringify(obj) --- 常用 ---

// 使用方法
var obj = name : "jay" , age : "18"; var str = JSON.stringify(obj); alert(str); //显示结果: ‘"name":"jay","age":"18"‘  

  

  ②JSON.toJSONstring()

  找了半天,具体没找到怎么用,还要引入包,算了算了,弃了(无情)。

  

2.JSON 字符串 -----------------------------》 JSON 对象:

  ①JSON.parse() --- 常用 ---

var str = ‘ "name" : "jay" , "age" : "18"‘;
var obj = JSON.parse(str);

console.log(obj); // 显示结果 : name: "jay", age: "18"

 

  ②eval(‘(‘+str+‘)‘)

var str = ‘ "name" : "jay" , "age" : "18"‘;
var obj = eval(‘(‘+str+‘)‘);

console.log(obj); // 显示结果 : name: "jay", age: "18"

  

  ③$.parseJSON(str)

var str = ‘ "name" : "jay" , "age" : "18"‘;
var obj = $.parseJSON(str);

console.log(obj);
// 显示结果 : name: "jay", age: "18"

 

应用场景举例:提交数据到后端(php代码)

前段html:

<table>
    <tr class="student">
        <td>姓名:<input type="text" name="name"></td>
        <td>年龄:<input type="text" name="age"></td>
    </tr>
    <tr class="student>
        <td>姓名:<input type="text" name="name"></td>
        <td>年龄:<input type="text" name="age"></td>
    </tr>
</table>        

  

前端js:

//将多组学生信息,传递到后端
var students = [];

$(".student").each(function(index , element)
   var name= $(element).find("input[name=name]").val().trim();
   var age = $(element).find("input[name=age]").val().trim()  
   
    var tmp = 
        name : name,
        age : age
     

   student.push(tmp); 
)

var form = new FormData(); 

form.append("students",JSON.stringify(students));

$.(ajax()
   type : "post",
   data : form,  
   url : postUrl,

   .......
  
)

 php代码:

 

$students = $_REQUEST[‘students‘];
// 第二个参数为true表示数组类型;省略第二个参数,表示为对象类型
$students = json_decode($student,true);

//输出学生信息
foreach($students as $item)
  echo ‘学生:‘ . $item[‘name‘] . ‘的年龄是‘ . $item[‘age‘] ;

 

  

 


jsjson

  一、JSON字符串转换为JSON对象 要运用上面的str1,必须运用下面的要领先转化为JSON对象: //由JSON字符串转换为JSON对象 varobj=eval('('+str+')'); 或者 varobj=str.parseJSON();//由JSON字符串转换为JSON对象... 查看详情

js几大存储方式总结(代码片段)

...间的区别sessionStroagesessionStroage是HTML5新增的一个回话存储对象,用于临时保持同一窗口的数据,窗口关闭数据也将删除存储单个变量  存储数据:sessionStroage,setItem(‘name‘,‘Tiboo‘)  读取数据:sessionStroage.getItem(‘... 查看详情

jsjson对象操作

参数解析:sourcelist是json对象[{id:1,name:张三}]targetlist是json对象[{roomid:1}]返回值list是json对象[{id:1,name:张三, testname:"testname" }]  构造list,最外层是数组,内层是单个json的json对象,用varlisttemp={testname:"test 查看详情

json-学习总结(代码片段)

 JSON语法规则1.JSON语法是JavaScript对象表示法语法的子集。数据在名称/值对中数据由逗号分隔花括号保存对象方括号保存数组2. JSON值可以是:数字(整数或浮点数)字符串(在双引号中)逻辑值(true或false)数组(在方括... 查看详情

jsjson和字符串的互转

json与字符串的互转:  下面格式两种只是针对引号有稍微的区别 varresult=JSON.parse("{"a":"擦擦","b":"拉拉"}");alert(result.a);//-------------------------------------------------------------------------vara=JSON 查看详情

20175306王佳烁第七周学习总结(代码片段)

...用实用类String类:可以被直接使用,不可以有子类。String对象:可以使用String类声明对象并创建对象,例如:Strings=newString("wearestudents");Stringt=newString("wearestudents");字符串的并置:String对象可以使用“+”进行并置... 查看详情

javascript使用.map连接json对象数组中的字符串(代码片段)

查看详情

vue字符串与json对象数组之间的转换(代码片段)

一.Json字符串与json对象相互转换//Json字符串转换为json对象1.使用evalresult=eval('('+jsonstr+')');//jsonstr是json字符串2.使用JSON.parse()result=JSON.parse(jsonstr);//jsonstr是json字符串//Json对象转换为json字符串JSON.stringify(s)二... 查看详情

个人技术总结

json字符串和对象的相互转换在数据传输过程中,json是以字符串的形式传递的,而JS操作的是JSON对象,这个技术实现的是json字符串和json对象之间的相互转换。使用方法json字符串转对象varstr1=‘"name":"usr1","passwor... 查看详情

jackson(代码片段)

一,Jackson使用示例第1步:创建ObjectMapper对象。创建ObjectMapper对象。它是一个可重复使用的对象。ObjectMappermapper=newObjectMapper();第2步:反序列化JSON到对象。从JSON对象使用readValue()方法来获取。通过JSON字符串和对象类型作为参数JSON... 查看详情

qt平台下使用qjson解析和构建json字符串(代码片段)

...油价信息北京时间等。JSON的构建:简单的键值对JSON对象作为键的值JSON数组JSON数组的嵌套QJson解析JSON示例JSON的解析要对照JSON字符串来理解,关于JSON字符串的介绍,可以参考JSON简介首先,解析和构建都要包含如... 查看详情

数据交换json(代码片段)

JSON数据交换JSON概述JSON对象和字符串对象转换JSON在java中使用Javabean对象和json字符串的转换List对象和json字符串的转换map对象和json字符串的转换大家好呀,我是小笙,以下是我学习数据交换-JSON的学习笔记数据交换JSON概述... 查看详情

json对象和字符串之间的相互转换(代码片段)

例子:1,newFunction形式functionstrToJson(str)varjson=(newFunction("return"+str))();returnjson;2,使用全局的JSON对象。JSON.stringify(obj)将JSON对象转为字符串。JSON.parse(string)将字符串转为JS 查看详情

mysql学习总结(86)——mysql的json数据类型正确使用姿势(代码片段)

...间的数据交换。MySQL支持RFC7159定义的JSON规范,主要有JSON对象和JSON数组两种类型。下面就是JSON对象,主要用来存储图片的相关信息: "Image": "Width":800, "Height":600, "Title":"Viewfrom15thFloor", "Thumbnail": "Url":"http://www.example.com/image/xx99... 查看详情

37.javascript对象与json格式的转换,json.stringifyjson.parse方法的使用方法和注意事项(代码片段)

...处理JSON(JavaScriptObjectNotation)是JavaScript表达值和对象的通用数据格式,其本质就是符合一定规范的字符串。由于JSON的优良特性 查看详情

serializearray()的具体使用(代码片段)

...法),返回JSON数据结构数据。注意:此方法返回的是JSON对象而非JSON字符串。需要使用插件或者第三方库进行字符串化操作。返回的JSON对象是由一个对象数组组成的,其中每个对象包含一个或两个名值对——name参数和value参数... 查看详情

jsjson.stringify详解

参考技术A(1)转换值如果有toJSON()方法,该方法定义什么值将被序列化。如果一个被序列化的对象拥有toJSON方法,那么该toJSON方法就会覆盖该对象默认的序列化行为:不是该对象被序列化,而是调用toJSON方法后的返回值会被序... 查看详情

20175322《java程序设计》第七周学习总结(代码片段)

...程序设计》第七周学习总结教材学习内容总结String类常量对象:常量池中的数据在程序运行期间再也不允许改变。String对象:用户无法输出String对象的引用。字符串的并置运算:参与并置运算的String对象,只要有一个是变量,那... 查看详情