一个快四十岁的中年妇女的IT学习之路-记录第3篇

本文主要是介绍一个快四十岁的中年妇女的IT学习之路-记录第3篇，希望对大家解决编程问题提供一定的参考价值，需要的开发者们随着小编来一起学习吧！

学习进度 2-8

html基础教程
css基础
JavaScript基础
JavaScript实例练习
JavaScript高级实例(部分)
jQuery基础

正在学习:

JSON基础教程

收获(含有困惑的)

(1)for里好像不能套用jQuery语句,会报错.

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>JSON学习)</title>
<script src="https://lib.sinaapp.com/js/jquery/2.0.2/jquery-2.0.2.min.js"></script>
</head>
<body>
<h2>从 JSON 字符串中创建对象</h2>
<div id="emp">  
</div>
<script>
var txt='{"employees":['+'{"firstName":"lee","lastName":"Jonson"},'+'{"firstName":"Green","lastName":"Kate"},'+'{"firstName":"Brown","lastName":"Jim"}]}';console.log(txt);
var obj= eval("("+txt+")");console.log(obj);console.log(obj.employees.length)for (var i=0, stxt="";i<obj.employees.length;i++){stxt = stxt + "<span>firstName:" +  obj.employees[i].firstName + "; lastName:" + obj.employees[i].lastName +"</span><br/>";
};$(document).ready(function(){$("#emp").append(stxt) ;
});
</script>
</body>
</html>

运行显示结果就是:
在这里插入图片描述
也可以直接定义obj

var obj={"employees":[{"firstName":"lee","lastName":"Jonson"},{"firstName":"Green","lastName":"Kate"},{"firstName":"Brown","lastName":"Jim"}]};

但是如果改在循环里引用Jquery语句,就报错了,不知道错误在哪儿?

for (var i=0, stxt="";i<obj.employees.length;i++){$(document).ready(function(){$("#emp").append("<span>firstName:" +  obj.employees[i].firstName + "; lastName:" + obj.employees[i].lastName +"</span><br/>") ;
});
};

报错:
在这里插入图片描述
[收获]
JSON 对象在大括号 {} 中书写,{key1 : value1, key2 : value2, … keyN : valueN }
JSON 数组在中括号 [] 中书写,数组可包含多个对象：
JSON对象的设置和赋值也是在{}中书写