重生之我在地球Online当程序员21

最新推荐文章于 2024-09-16 22:49:41 发布

锦鲤的小妹

最新推荐文章于 2024-09-16 22:49:41 发布

阅读量387

点赞数 4

分类专栏：重生之我在地球Online当程序员文章标签： javascript 前端开发语言

本文链接：https://blog.csdn.net/jinlidexiaomei/article/details/140731061

版权

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</