JavaScript
JSON案例练习
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>JS</title>
</head>
<body>
<h3>遍历JSON数组</h3>
<script>
// 定义一个json数组
var stus = [
{id:1,name: '锦鲤一号', age: 20, school: '锦鲤池'},
{id:2,name: '锦鲤二号', age: 19, school: '锦鲤池'},
]
// 遍历json数组, 方式1:
for (var i = 0; i < stus.length; i++) {
// stus[0] = {name: '锦鲤一号', age: 20, school: '锦鲤池'}
console.log(stus[i].name,stus[i].age,stus[i].school)
}
// 遍历json数组, 方式2: 相对于for..in更推荐使用for.of. 遍历json数组,建议使用for..of
for (var stu of stus) { // stu就是json数组中的每一个json对象
console.log(stu.name,stu.age,stu.school)
}
// 遍历json数组, 方式3:
for (var i in stus) { // 遍历的数据i是下标; i=0/1
console.log(stus[i].name,stus[i].age,stus[i].school)
}
// 遍历json数组, 方式4: 推荐
stus.forEach(s=>{
console.log(s)
})
console.log("==============")
// 需求:获取json数组中的指定的key的集合; 返回的是一个数组
// stu = {id:1,name: '锦鲤一号', age: 20, school: '锦鲤池'}
var ids = stus.map(stu=>stu.id);
console.log('ids',ids)
</script>
</body>
</html>
函数的定义
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>函数的定义</title>
</head>
<body>
<div id="div">Hello</div>
<script>
//1、定义无参数、无返回类型的普通函数
function test() {
//innerHTML 设置的内容会被浏览器解析为html标签
//innerText 设置的内容不会被浏览器解析为html标签,直接作为文本显示
//document.getElementById("div").innerText = "<h3>Hello,JS</h3>"
document.getElementById("div").innerHTML = "<h3>Hello,JS</