Day15对象的方法与遍历对象

方法：
image

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

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>对象的方法</title>
</head>

<body>
  <script>
    let obj = {
      uname: '冰洁',
      // 方法
      cal: function (x, y) {
        console.log(x + y)
      },
      song: function () {
        console.log('海阔天空')
      }
    }
    // 方法调用:对象名.函数名
    obj.cal(1, 2)
    obj.song()
    // 方法实质也是函数,在对象内部叫做方法，在外部叫做函数
  </script>
</body>

</html>

遍历对象：
与数组不同，遍历对象需要面对下面两个问题
image
故转换for循环的形式，以另一种方式遍历
image

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

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

<body>
  <script>
    // 先遍历数组
    // let arr = ['pink', 'red', 'green']
    // for (let k in arr) {
    //   console.log(k)//这里的K输出的是数组的下表,但是以字符串的形式输出
    //   console.log(arr[k])
    // }

    // 将for in 迁移到对象身上
    let obj = {
      uname: '冰洁',
      age: 18,
      gender: '女'
    }
    for (let k in obj) {
      console.log(k)//输出属性名
      console.log(obj[k])//输出属性值
    }
  </script>
</body>

</html>
posted @ 2026-01-16 21:49  冰涿  阅读(2)  评论(0)    收藏  举报