jsjson对象json字符的使用总结(代码片段)
关键词:
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对象,只要有一个是变量,那... 查看详情