Java Script学习之旅——博客第五天

最新推荐文章于 2024-06-09 18:49:49 发布

DBWFossette.

最新推荐文章于 2024-06-09 18:49:49 发布

阅读量32

点赞数

分类专栏： 2023暑期学习文章标签：学习开发语言 javascript

本文链接：https://blog.csdn.net/m0_75234128/article/details/131988888

版权

2023暑期学习专栏收录该内容

11 篇文章 0 订阅

订阅专栏

今天学习了Java Script十集视频

主要有逻辑中断、转换为布尔型、对象的增、删、查、改、方法、遍历等。

对象的增、删、查、改：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    /* let goods = {
       name: '小米10青春版',
       num: '100012816024',
       weight: '0.55kg',
       address: '中国大陆'
     }
     console.log(goods)
     //1.增
     goods.color = 'skyblue'
     console.log(goods)
     //2.删
     delete goods.num
     console.log(goods)
     //3.改
     goods.name = '小米10-青春版'
     console.log(goods)
     //4.查
     console.log(goods.address)*/
    //查的两种形式
    //1.点形式-对象.属性2.对象名['属性']
    //若比如名字为：'goods-name',中间有-使用2.对象名['属性']，若单独的一个单词1.对象.属性更方便
    //点后面属性不带引号，中括号要带引号!!!
    let goods = {
      'goods-name': '小米10青春版',
      num: '100012816024',
      weight: '0.55kg',
      address: '中国大陆'
    }
    console.log(goods['goods-name'])
  </script>
</body>

</html>

遍历对象：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>Document</title>
</head>

<body>
  <script>
    /* let person = {
       name: 'pink老师',
       age: '18',
       gender: '男'
     }
     for (let k in person) {
       console.log(k)
       console.log(person[k])
     }*/
    let students = [
      { name: '小明', age: '18', gender: '男', hometown: '山东省' },
      { name: '小华', age: '18', gender: '男', hometown: '山西省' },
      { name: '小花', age: '18', gender: '女', hometown: '河南省' },
      { name: '小红', age: '18', gender: '女', hometown: '浙江省' },
    ]
    for (let i = 0; i < students.length; i++) {
      console.log(students[i])
      console.log(students[i].name)
      console.log(students[i].hometown)
    }
  </script>
</body>

</html>